Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅在第一次滚动时100%滚动_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何仅在第一次滚动时100%滚动

Javascript 如何仅在第一次滚动时100%滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个div,它达到了浏览器窗口的100%高度/宽度。我想我的页面滚动100%的高度,但只有第一次滚动。因此,站点跳出第一个div,然后像正常一样滚动。每次它滚动看到的第一个div时,它应该再次100%滚动到顶部。我希望我能把我的观点讲清楚。非常感谢您的帮助。您可以等待鼠标滚动并在用户第一次执行操作时保留默认设置。那就照常做吧 $('#elem').bind('DOMMouseScroll', function(e){ if(e.originalEvent.detail >

我有一个div,它达到了浏览器窗口的100%高度/宽度。我想我的页面滚动100%的高度,但只有第一次滚动。因此,站点跳出第一个div,然后像正常一样滚动。每次它滚动看到的第一个div时,它应该再次100%滚动到顶部。我希望我能把我的观点讲清楚。非常感谢您的帮助。

您可以等待鼠标滚动并在用户第一次执行操作时保留默认设置。那就照常做吧

 $('#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');
     }
 });

你能用JSFIDLE重现这个问题吗?谢谢,我现在就试试!我会在事后给出反馈
var firstTime = true;

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