Jquery Bullseye 视口检测集成答案

【问题标题】：Jquery Bullseye viewport detection integrationJquery Bullseye 视口检测集成
【发布时间】：2013-06-09 17:13:09
【问题描述】：

我想在向下滚动时使用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();

}); });

【问题讨论】：

标签： javascript jquery detection viewport bullseye

【解决方案1】：

我必须添加 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。我该怎么做？

【讨论】：