是否可以在 jquery 函数中将视口高度加倍

Question

我有一个非常基本的 jquery 问题。是否可以对视口变量进行一些算术运算？如果是这样的话，我似乎无法理解。

 <script>
       var viewportWidth = $(window).width();
       var viewportHeight = $(window).height();

     if (scroll >= 2*viewportHeight ) {  //<-- would like to add a class when the user has scrolled past or at 2x their original viewport//
            $("#one").addClass("sele");
            $("#two").removeClass("sele");

      }
    </script>

谢谢

Answer 1

好吧，您需要将该脚本整合到某种事件中。 jquery中有滚动事件，$(window).scroll(function(){your code});应该可以解决问题。

您还需要定义 'scroll' 是什么，因为目前它什么都不是。

Answer 2

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();
$(window).scroll(function(){
     if ($(window).scrollTop() >  2*viewportHeight ) {               
            $("#one").addClass("sele");
            $("#two").removeClass("sele");

      }
});

直播Fiddle

是否可以在 jquery 函数中将视口高度加倍

Is it possible to double viewport height in jquery function

jquery

viewport