Реклама Google
Ещё реклама Google
javaskript перемотка по якорям
0 за 0 против
дата 2014-11-01
поблагодарили 0
просмотров 316
статью добавил DooMka
добавил
DooMka
Простой пример перемотки на сайте на чистом javascript

HTML
<div><button type="button" onclick="smoothScroll(document.getElementById(skrollto))">Перемотать</button></div>
<div id="skrollto">Сюда</div>


javascript

window.smoothScroll = function (target) {
    var scrollContainer = target;
    do { //find scroll container
        scrollContainer = scrollContainer.parentNode;
        if (!scrollContainer)
            return;
        scrollContainer.scrollTop += 1;
    } while (scrollContainer.scrollTop === 0);

    var targetY = 0;
    do { //find the top of target relatively to the container
        if (target === scrollContainer)
            break;
        targetY += target.offsetTop;
    } while (target = target.offsetParent);

    scroll = function (c, a, b, i) {
        i++;
        if (i > 30)
            return;
        c.scrollTop = a + (b - a) / 30 * i;
        setTimeout(function () {
            scroll(c, a, b, i);
        }, 20);
    }
    // start scrolling
    scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
}


Пример очень прост, без всякого jquery
все пользователи
все группы

разработчики