Question

我希望用户逐块向下滚动页面。但是，当鼠标向下滚动时，页面不停地移动直到结束块。我的问题是，如何只向下移动一个块并停止直到下一个滚动？

这是我试过的代码。

<html>
<head>
<style type="text/css">
    div{height:100%;}
</style>
<script type="text/javascript" src="statics/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $(window).scroll(function(){

        sectionSize = $( "div" ).length;

            idx = $( "div" ).index( $(".active") );

            if(idx+1 < sectionSize) {
                $("div").eq(idx).removeClass("active");
                $("div").eq(idx+1).addClass("active");


                $('html,body').animate( { scrollTop : $(".active").offset().top }, 'slow', function(){});

            }

    })
</script>
</head>
<body>
    <div class="a active">a</div>
    <div class="b">b</div>
    <div class="c">c</div>
</body>
</html>

jquery使用鼠标滚动滚动到内容

0 个答案: