Jquery Bullseye视口检测集成

时间:2013-06-09 17:13:09

标签: javascript jquery detection viewport bullseye

我想在向下滚动时使用Jquery Bullseye来显示div。 我的HTML是

<div class="a preview"></div>
<div class="b preview"></div>
<div>
    <div class="a-content content">
        <p>some content (1)</p>
    </div>
    <div class="b-content content">
        <p>some content (2)</p>
    </div>
</div>

我的Javascript(用于Bullseye脚本)

$(window).load(function(){
$(function() {

$('.a').bind('viewportenter', function(e) {
$(".content-1 div").hide('blind', { direction: "up" });
$(".a-content").siblings().hide('blind', { direction: "up" });
$(".a-content").show('blind', { direction: "up" });
}).bullseye();

});     });

1 个答案:

答案 0 :(得分:0)

我必须添加if'e.type ...'才能正常工作。我的Javascript现在看起来像这样:

$(window).load(function(){
 $(function () {


$('.functions')
.bind('enterviewport', function (e) {
            if (e.type == 'enterviewport')
               $(".b-content").toggle('blind', { direction: "up" });
        })
.bullseye()
           .addClass('outline');

    }); });

但是如何插入Bullseye的选项呢?例如,我想将extendHeight的值更改为50px。我该怎么做?