Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.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 在div";时运行jQuery函数;是";及;不是",;鉴于_Javascript_Jquery_Css - Fatal编程技术网

Javascript 在div";时运行jQuery函数;是";及;不是",;鉴于

Javascript 在div";时运行jQuery函数;是";及;不是",;鉴于,javascript,jquery,css,Javascript,Jquery,Css,我将4个div设置为100%的高度,这样每个div就占据了整个屏幕的视图 当我向下滚动到一个带有ID#port的div,并且它的大部分都在视图中时,我希望它运行一个jQuery函数,当它不再在视图中时,我希望它运行另一个函数 当你向下滚动到div时,我可以让它工作。当div接近顶部时,它运行我的函数,但一旦同一个“公文包”div不再出现,我需要它运行另一个函数 以下是我尝试过的: $(document).ready(function() { var port = $('#port').of

我将4个div设置为100%的高度,这样每个div就占据了整个屏幕的视图

当我向下滚动到一个带有ID#port的div,并且它的大部分都在视图中时,我希望它运行一个jQuery函数,当它不再在视图中时,我希望它运行另一个函数

当你向下滚动到div时,我可以让它工作。当div接近顶部时,它运行我的函数,但一旦同一个“公文包”div不再出现,我需要它运行另一个函数

以下是我尝试过的:

$(document).ready(function() {

  var port = $('#port').offset().top - 10;

  $(window).scroll(function(){
    var top = $('body').scrollTop();
    if( top > port ){
      function1();
      function2();
    }else{
      function3();
     }
   });
 });
同样,我可以让它在div接近顶部时运行function1和function2,但我需要它在同一个div不再出现时运行第三个函数


另外,如果有更好的方法,请让我知道。我熟悉jQuery,但与其他人相比,我仍然认为自己是一个noob。

这可能正是您需要的。凯尔,这对我有用。