自动滚动 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;
}

之后，我建议尝试使用特定目标的滚动功能，直到到达特定点。