窗口载荷＆amp;功能滚动页面不起作用

Question

我需要在纯javascript中执行此操作，没有jquery，但它不起作用...

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

我做错了什么？

Answer 1

以下是一种简单的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 Demo

或者通过检测滚动

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

window.onscroll = scrollCycle;

不允许你过去的位置300

JSFiddle Demo