Question

我试图检测我的$（＆＃39; .credits＆＃39;）元素是否在视野中。我使用了可见的插件（https://github.com/teamdf/jquery-visible/），看起来很简单，但我无法让它工作。

HTML：

<div class="picture full" id='peoplestart'>
    <img src="img/People/People_1.JPG" />
    <div class="text" id="people1text">
        <div class="texthead" id="people1head"><span class="kicker">THE</span><br /><span class="big">PEOPLE</span></div>

    </div>
</div>

<div class="picture full">
    <img src="img/People/People_2.JPG" />
    <div class="text" id="people2text">

    </div>
</div>

<div class="credits">
    (credits here )
</div>

jquery的：

$( document ).ready(function() {
    var visible = $('.credits').visible( true );
    $( window ).scroll(function() {
        if (visible) {
        // The element is visible, do something
            console.log('visible');
        } 
    });

});

我有点困惑。这一定是我不做的简单事情。谁知道我做错了什么？

Answer 1

如果我找到了你，你想知道每次滚动事件出现时是否可以看到学分。如果是这样，您需要在每次出现事件时调用visible()方法。只需像这样更新您的脚本：

$(document).ready(function() {
    $( window ).scroll(function() {
        if ($('.credits').visible(true)) {
        // The element is visible, do something
            console.log('visible');
        } 
    });
});

请参阅demo。

无法使jquery可见插件工作

1 个答案: