javascript - jQuery.scrollSpeed.js 重置页面偏移量

Question

所以我的问题是，当你进入我网站的查看项目页面时，我在页面加载时使用了 jQuery，使页面向下滚动 200px，但 jQuery.scrollSpeed.js 将页面偏移重置回页面顶部当他们使用滚轮时的页面。

抱歉，如果这是一个不好的解释，如果您转到此处，您可以自己看到问题:http://www.coastalculture.matttruscott.co.nz/view.php?item=20

我在 javascript/jQuery 方面没有那么丰富的经验，所以我不知道如何防止这种情况发生。

下面的 JQuery 脚本:

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script src="js/jQuery.scrollSpeed.js"></script>
<script>
    $(function() {  
        jQuery.scrollSpeed(50, 800);
    });
</script>
<script>
window.addEventListener("load", function(){
    $('body,html').animate({
            scrollTop: 200 ,
            }, 1200
        );
});
</script>

Answer 1

scrollSpeed 组件似乎存在问题。

我能找到解决该问题的唯一优雅方法是直接修改 scrollSpeed 代码。

目前一开始看起来像这样:

  jQuery.scrollSpeed = function (step, speed, easing) {

    var $document = $(document),
        $window = $(window),
        $body = $('html, body'),
        option = easing || 'default',
        root = 0,
        scroll = false,
        scrollY,
        scrollX,
        view;

    if (window.navigator.msPointerEnabled)

将其更改为:

  jQuery.scrollSpeed = function (step, speed, easing) {

    var $document = $(document),
        $window = $(window),
        $body = $('html, body'),
        option = easing || 'default',
        root = 0,
        scroll = false,
        scrollY = $document.height() > $window.height(),
        scrollX = $document.width() > $window.width(),
        view;

    if (window.navigator.msPointerEnabled)

记下 scrollY 和 scrollX 起始值。