自動滾動 div (JavaScript)

Question

我有 2 個 div（左 div 和右 div）。 他們相隔一半。 在右側的 div 上，您可以看到一些圖片，而在左側，則有一些信息，有時可能會更長，這就是我想讓它自動滾動到底部並返回頂部的原因。 我已經有一個腳本，但我的版本正在滾動整個網站。：/

我的問題：我的錯誤在哪里？

setInterval(function(){
    $("html, body").animate({ scrollTop: $("leftdiv").height() }, 10000);
    setTimeout(function() {
       $('html, body').animate({scrollTop:0}, 8000);
    },1500);
},1500);

https://jsfiddle.net/4gLts2f0/5/

我找到了一個可以向下滾動的腳本。:) 但我仍然遇到一個問題：我不知道如何讓他跳回頂部並重復該過程https://jsfiddle.net/4gLts2f0/7/

Answer 1

試試$("leftdiv").animate({ scrollTop: $("leftdiv").height() }, 10000);

Answer 2

scrollTop 是一個棘手的屬性，我個人解決了一個類似的問題，即使用此函數計算距頁面頂部的偏移量：

function getDistanceFromTop(element) {
var yPos = -100;

while(element) {
    yPos += (element.offsetTop);
    element = element.offsetParent;
}

return yPos;
}

之后，我建議嘗試使用特定目標的滾動功能，直到到達特定點。