简体   繁体   English

尝试编写JavaScript函数以使scrollTo方法动画化

[英]Trying to write javascript function to animate scrollTo method

I am new to Javascript and would like to know if the following function should create a transition scrolling down to a set scroll position and if not, what am I misunderstanding about the time out or scroll to methods.. 我是Java语言的新手,想知道以下函数是否应该创建一个向下滚动到设置滚动位置的过渡,如果不是,则我对超时或滚动到方法有什么误解。

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

Thank you 谢谢

Try this. 尝试这个。 It's not perfect but it should do what you want. 它不是完美的,但它应该做您想要的。

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);}
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM