代码之家  ›  专栏  ›  技术社区  ›  user1715848

jQuery单击链接时从页面顶部滚动x个像素

  •  10
  • user1715848  · 技术社区  · 12 年前

    我有一个链接,它在滚动时会改变垂直位置。当我点击这个链接时,我想(顺利地)转到页面上的某个位置,这个链接距离页面顶部正好1080px。

    我做不到,希望有人能帮我。

    链接:

    <img src="img/clickme.png" style="cursor: pointer;" class="scroll"/>
    

    脚本:

    <script type="text/javascript">
    $(document).ready(function() {
    $(".scroll").click(function(event){     
    $('html, body').animate({scrollTo({ top: '+1080px',}, 800);
    });
    });
    </script>
    
    1 回复  |  直到 12 年前
        1
  •  22
  •   Blender    12 年前

    试试这个。您的语法有点偏离:

    $(document).ready(function() {
        $(".scroll").click(function(event){
            $('html, body').animate({scrollTop: '+=1080px'}, 800);
        });
    });
    

    演示: http://jsfiddle.net/m4Aaz/2/