如何使用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