【问题标题】:Trying to write javascript function to animate scrollTo method试图编写javascript函数来动画scrollTo方法
【发布时间】:2013-05-13 08:21:53
【问题描述】:

我是 Javascript 新手,想知道以下函数是否应该创建向下滚动到设置滚动位置的过渡,如果不是,我对超时或滚动到方法有什么误解..

    function scrollDownToMovie() {
    for (var scrollbit = 10; scrollbit < 900; scrollbit += 10) {            
            window.setTimeout(function({window.scrollTo(0,scrollbit);}
            ,scrollbit*100); 
            }
    }

谢谢

【问题讨论】:

  • scrollTo() 如果页面还不需要滚动条,则不会触发。换句话说,必须有一些东西可以滚动到。先检查一下。
  • 嗨@Nikki,scrollTo() 方法确实会触发,只是它直接将其发送到坐标,而不是像我希望使用此脚本那样按步骤发送。

标签: javascript timeout


【解决方案1】:

试试这个。它并不完美,但它应该可以满足您的需求。

var scrollbit=10;
function scrollDownToMovie() {

        var time=setTimeout(function(){scrollDownToMovie();},50); //fifty can be whatever  increment you want.
         window.scrollTo(0,scrollbit);scrollbit+=10;
         if(scrollbit>890){clearTimeout(time);}
}

【讨论】:

    猜你喜欢
    • 2015-08-29
    • 1970-01-01
    • 1970-01-01
    • 2021-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-13
    • 1970-01-01
    相关资源
    最近更新 更多