Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript向下滚动自定义基于div的滚动条_Javascript_Imacros - Fatal编程技术网

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

如何使用javascript向下滚动自定义基于div的滚动条,javascript,imacros,Javascript,Imacros,我正在尝试使用firefox中的iMacros插件自动捕获多个屏幕截图。我试图捕获屏幕截图的页面包含一个可垂直滚动的侧边栏。我想触发滚动以捕获侧边栏中的所有内容。使用的滚动条是基于div的自定义滚动条,而不是浏览器默认滚动条。那么如何触发滚动呢 下面的代码似乎不起作用: Javascript HTML 试试这个: function doScroll() { var el = document.querySelector('.scrollContents'); el.scrollTop

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

下面的代码似乎不起作用:

Javascript

HTML

试试这个:

function doScroll() {
   var el = document.querySelector('.scrollContents');
   el.scrollTop = '900';
}
然后调用这个函数。它应该会起作用

<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>
function doScroll() {
   var el = document.querySelector('.scrollContents');
   el.scrollTop = '900';
}