如何仅滚动100%第一次滚动

时间:2014-09-15 21:31:33

标签: javascript jquery html css

我的div符合浏览器窗口的100%高度/宽度。我希望我的页面滚动100%高度,但只是第一次滚动。因此,网站跳过第一个div,然后像往常一样滚动。每当它滚动第一个div时,它应该再次滚动100%到顶部。我希望我能说清楚我的观点。我感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

您可以等待鼠标滚动并在用户第一次执行时预防默认值。然后就像平常一样。

 $('#elem').bind('DOMMouseScroll', function(e){
     if(e.originalEvent.detail > 0) {
         scroll_the_first_time(e);
         console.log('Down');
     }
 });

 //IE, Opera, Safari
 $('#elem').bind('mousewheel', function(e){
     if(e.originalEvent.wheelDelta < 0) {
         scroll_the_first_time(e);
         console.log('Down');
     }
 });

该代码不属于我,但是: Code Link

现在,这是我的代码。使用之前的我会使我的功能像这样。

var firstTime = true;

function scroll_the_first_time(e){
  if(firsTime){
    e.preventDefault();
    firstTime = !firstTime;
    //do your behavior here
  }
}