Я не уверен, в чем проблема с моим кодом, но я не могу прокрутить, поскольку мой код предназначен для этого.
Я думаю, что Javascript / JQuery не читается или не реализовать его правильно.
Рабочий пример этого кода можно найти в ответе на этот вопрос:
Как прокрутить HTML Страница вниз и перезапустить снова с top?
Буду признателен за любую помощь.
Top HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
h2 {color:red;}
p {color:blue;}
#scroll {
overflow-y: scroll; width:100%; height:1000px
}
</style>
</head>
<body>
<div id="scroll">
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
...
Javascript код в конце тега body:
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function animatethis(targetElement, speed) {
var scrollHeight = $(targetElement).get(0).scrollHeight;
var clientHeight = $(targetElement).get(0).clientHeight;
$(targetElement).animate({ scrollTop: scrollHeight - clientHeight },
{
duration: speed,
complete: function () {
targetElement.animate({ scrollTop: 0 },
{
duration: speed,
complete: function () {
animatethis(targetElement, speed);
}
});
}
});
};
animatethis($('#scroll'), 5000);
</script>
</body>
</html>