Question

我找到了这个javascript自动滚动功能，并通过将其粘贴到wordpress网站的头文件中来实现它。但是，我想减慢滚动速度，使其不会立即捕捉到页面底部。

我是javascript的新手，并且无法在我的网站上运行任何其他自动滚动功能，因此我希望我可以通过添加速度变量来调整此功能。非常感谢！

<script type="text/javascript"><!--

    function AutoScrollOnload() {

        var InFromLeft = 172;
        var DownFromTop = 964;

        window.scrollTo(InFromLeft,DownFromTop);
    }

    function AddOnloadEvent(f) {
        if (typeof window.onload != 'function') {
            window.onload = f;
        }
        else {
            var cache = window.onload;
            window.onload = function() {
                if (cache) { cache(); }
                f();
            };
        }
    }

    AddOnloadEvent(AutoScrollOnload);

//--></script>

Answer 1

试试这个。使用值（10）进行调整以适应您的喜好。

function slowScroll(inFromLeft, downFromTop) {
    var left = 0;
    var top = 0;

    function scroll() {
        left = left + 10;
        top = top + 10;
        window.scrollTo(left, top);

        if (left >= inFromLeft && top >= downFromTop)
          clearInterval(id)
      }

      var id = setInterval(scroll, 10) 
    }

function AutoScrollOnload() {
    var InFromLeft = 172;
    var DownFromTop = 964;

    slowScroll(InFromLeft,DownFromTop);
}

减慢javascript自动滚动功能

1 个答案: