窗口加载&功能滚动页不起作用

window onload & function scroll page not work

本文关键字:滚动 不起作用 功能 加载 amp 窗口      更新时间:2023-09-26

我需要用纯javascript来做这件事,没有jquery,但它不起作用。。。

window.onload= function(){
  if (window.pageYOffset >=300){
    window.scroll(0, 300);
    alert('ok');
  }
}

我做错了什么?

这里有一个简单的JavaScript方法,如果您滚动经过位置300 ,它会捕捉到滚动位置300

function scrollCycle() {
    var cycle = setInterval(function() {
        var top = (document.documentElement && document.documentElement.scrollTop) || 
              document.body.scrollTop;
        if ( top >= 300 ) {
            window.scroll(0,300);
        }
    }, 200);
}
scrollCycle();

JSFiddle演示

或者通过检测滚动

function scrollCycle() {
        var top = (document.documentElement && document.documentElement.scrollTop) || 
              document.body.scrollTop;
        if ( top >= 300 ) {
            window.scroll(0,300);
        }
}
window.onscroll = scrollCycle;

这不会让你超过位置300

JSFiddle演示