如何使用javascript向下滚动基于自定义div的滚动条

Question

我试图使用iMacros插件在Firefox中自动捕获多个屏幕截图。我试图捕获屏幕截图的页面包含一个可垂直滚动的侧边栏。我想触发滚动来捕获边栏中的所有内容。使用的滚动条是基于div的自定义滚动条，而不是浏览器的默认值。那么我如何触发滚动？

下面的代码似乎并不工作：

的Javascript

document.getElementsByClassName('scrollContents').scrollTop = 10; 

HTML

<div id="captionFileBody" class="scrollWrapper" > 
    <div class="scrollBar "> 
     <div class="scrollBarUpArrow"></div> 
     <div class="scrollBarHandle"></div> 
     <div class="scrollBarDownArrow"></div> 
    </div> 
    <div class="scrollContents">Content comes here</div> 
</div> 

Answer 1

试试这个：

function doScroll() { 
    var el = document.querySelector('.scrollContents'); 
    el.scrollTop = '900'; 
} 

然后调用那个函数你喜欢什么。它应该做的伎俩。 Check CodePen