簡體   English   中英

放慢javascript自動滾動功能

[英]slowing down javascript autoscroll function

我找到了這個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>

嘗試這個。 玩的值(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);
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM