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

时间:2017-04-24 13:00:18

标签: javascript imacros

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

以下代码似乎不起作用:

的Javascript

<div class="container" style="margin-top:45px;">
        @RenderBody()
        <hr />
        <div class="col-lg-pull-10">
            <footer></footer>
        </div>
    </div>
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

HTML

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

1 个答案:

答案 0 :(得分:1)

试试这个:

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

然后调用该功能你喜欢什么。它应该做的伎俩。 Check CodePen