减慢 javascript 自动滚动功能

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 自动滚动功能

slowing down javascript autoscroll function

javascript

wordpress

autoscroll