Question

我是一名通过培训和第一次编程的平面设计师，所以请对我很轻松。我有两个问题，我已经研究过并且无法回答。这是我的实时网站供参考：

1：我试图让网站在页面刷新时一直向左滚动（Safari中的cmd-R），这样当你点击一个名字然后尝试刷新时，滚动条就不会只是保持在同一个位置。

我尝试过很多选项，包括这个选项：

    <script language="javascript">
    $(document).ready(function() { $('html, body').animate({ scrollLeft : 0 },800); });
    }
    </script>

但似乎没有任何效果。

2：我在页面底部有一些小箭头，用于在用户选择名称后帮助进行水平导航。它们由这两个功能控制：

    <script>
    function goToByScroll2(id){
    $('html,body').animate({scrollLeft: $("#"+id).offset().left - 600 },'slow');
    }
    </script>

    <script>
    function goToByScroll3(id){
    $('html,body').animate({scrollLeft: $("#"+id).offset().left + 600 },'slow');
    </script>

基本上，我希望滚动增量相同，但是返回然后前进会让我处于不同的位置。我认为这是因为它相对于id而抵消了，我不确定解决这个问题的最佳方法是什么。

非常感谢你的帮助。

Answer 1

我强烈推荐使用scrollTo插件： http://demos.flesler.com/jquery/scrollTo/

我确信当您使用此插件时，您将轻而易举地获得所需的结果。

试一试，如果您无法获得理想的结果，请报告。

问题1：

$.scrollTo( {left:'0'}, 800 );

肯定会奏效。

问题2：

$.scrollTo( {left:'+=100px'}, 800 );

应该做的工作。

JQuery ScrollLeft到Origin和Equal Increments

1 个答案: