javascript – 如何在div中滚动时在jQuery中使用scrollTop?

左边是我正在尝试滚动的东西……它只是滚动一点然后停止.它似乎每次滚动相同的数量.

当我尝试滚动到的内容位于div中时,我正在尝试使用jQuery来处理页面加载时使用jQuery.当前的实现没有做任何事情

JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script>
    $(document).ready(function (){
            //$(this).animate(function(){
                $('html, body').animate({
                    scrollTop: $("#test4").offset().top
                     }, 2000);
            //});
    });
</script>

HTML

<div class="row">
    <div class = "span12">

        <div class = "row">

            <div class = "span2">

                <div style="height:480px;font:12px Georgia, Garamond, Serif;overflow:auto;">

                    <div id = "test1">Test1</div>
                    <div id = "test2">Test2</div>
                    <div id = "test3">Test3</div>
                    <div id = "test4">Test4</div>

                </div>
            </div>


            <div class = "row">
                <div class = "span8">
                    Other content on the page
                </div>
            </div>

        </div>
    </div>
</div>

解决方法:

我已经改变了你的代码,你可以find the fiddle here.

这是我用过的js代码:

$('.sss').animate({
    scrollTop: $(".test5").offset().top
}, 2000);​

这里

$('.sss')

是持有侧链的持有人

上一篇:vue 中判断向上滚动还是向下滚动


下一篇:vue.js 分页加载,向上滑动,依次加载数据。