У меня есть HTML страница, которая является простой html страницей с пустым тегом таблицы.
Эта таблица заполняется с использованием функции javascript. Я в основном читаю файл и заполняю строки из данных файла. Эту часть я правильно выполнил.
У меня есть 100 строк таблицы. Я хотел бы прокрутить мою HTML страницу до конца, а затем, как только она закончила прокрутку, снова начать прокручивать ее обратно вверх.
Я нашел пример в Интернете: https://jsfiddle.net/maherhossain/a24nymv1/ . Однако это работает только горизонтально. Я попытался сделать это по вертикали и отправил код ниже.
Я не получаю никаких ошибок. Таблица загружается. Просто автоматическая прокрутка c не работает.
Буду признателен за любую помощь. Большое спасибо заранее.
HTML:
<div id="scroll">
<body onload="loadXMLDoc()">
<table class="content-table" id="demo"></table>
/div>
CSS:
#scroll { white-space: nowrap; overflow-y: scroll; }
Javascript:
<script>
// {} ...Function to load the file in table
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);