Как изменить этот скрипт на автопрокрутку? - PullRequest
Новая
       10

Как изменить этот скрипт на автопрокрутку?

0 голосов
/ 17 мая 2018

У меня есть скрипт, в котором есть кнопка для прокрутки сайта, но мне нужно, чтобы он автоматически прокручивался при загрузке страницы.Мне нужен скрипт для прокрутки в точности как показано ниже, кроме кнопки.Может ли кто-нибудь изменить это для меня?Я новичок в JavaScript, спасибо .. 

function scroll(element, speed) {
    var distance = element.height();
    var duration = distance / speed;
    element.animate({scrollTop: distance}, duration, 'linear');
}

$(document).ready(function() {
    $("button").click(function() {
        scroll($("html, body"), 0.015); // Set as required
    });
});

Ответы [ 2 ]

0 голосов
/ 17 мая 2018

Вы можете попробовать следующий код JavaScript 

var div = $('.autoscroller');

$('.autoscroller').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup', function(evt) {
    if (evt.type === 'DOMMouseScroll' || evt.type === 'keyup' || evt.type === 'mousewheel') {

    }
    if (evt.originalEvent.detail < 0 || (evt.originalEvent.wheelDelta && evt.originalEvent.wheelDelta > 0)) { 
        clearInterval(autoscroller);
    }
    if (evt.originalEvent.detail > 0 || (evt.originalEvent.wheelDelta && evt.originalEvent.wheelDelta < 0)) { 
        clearInterval(autoscroller);
    }
});

var autoscroller = setInterval(function(){
    var pos = div.scrollTop();
    if ((div.scrollTop() + div.innerHeight()) >= div[0].scrollHeight) {
        clearInterval(autoscroller);
    }
    div.scrollTop(pos + 1);
}, 50);

здесь, при загрузке страницы.Текст автоматически прокручивается до конца страницы.

0 голосов
/ 17 мая 2018

Вызовите функцию прокрутки при загрузке окна, при этом страница будет прокручиваться при завершении загрузки. 

$(window).on('load', function(){
 scroll($("html, body"), 0.015); // Set as required
})
...