0

以下问题。我有一个长滚动页面，如果它在带有 inview.js 的视口中，它会向每个 div 添加类

var $div1 = $('#div1');
var $div2 = $('#div2');
//.....
var only_once = 0;

$('#div1, #div2, #div3, #div4, #div5').bind('inview', function (event, visible) 
{
    if (visible == true) {
        $(this).addClass("inview");
    } else {
        $(this).removeClass("inview");
    }
});

当它添加类时，我正在做一些事件和一个 if 条件，如果第一次触发 inview 然后停止，则应该发生某些事情。我尝试将 only_once 切换为 1。

if($div1.hasClass("inview")){   
    // here some functions...

    if (only_once == 0) {
        $('.float-second').css('left', 0);
        $('.float-second').css('top', 0);
        only_once = 1;
    } 

    if($div2.hasClass("inview")){   
        // here some functions...


        if (only_once == 1) {
            $('.float-third').css('left', 0);
            $('.float-third').css('top', 0);
            only_once = 2;
        } 
        // and this for the other divs too

问题是，当我这样做时，当网站在中间或底部加载并且我向上或向下滚动时它不会触发，因为 if 条件需要第一个事件，因为它之前的值。希望你明白我的意思，我怎样才能做好这项工作？

4

1 回答 1

0

我想我理解你遇到的问题。您可以使用以下命令检查页面滚动了多少：

$(document).scrollTop();

如果它大于您决定的某个值，您可以调用您需要调用的函数，否则如果它在页面顶部加载，您的插件将为您执行此操作。

于 2013-02-10T20:56:13.790 回答