只有当用户滚动到折叠下方时，如何使用jquery触发lightbox

设置：所以我有一个标题div 960px 400px，足够在左边放一个youtube视频，在右边放一些其他要点和行动呼吁。该div是隐藏的，仅在单击按钮时显示。很简单

但我想在一个颜色框中显示相同的隐藏内容，但前提是该用户向下滚动了750px，这将是我的折叠结束。如果他们说他们只有400px向下滚动，并点击播放按钮，那么他们应该回到屏幕顶部，并在上面提到的标题div中观看视频

我曾考虑使用航路点来帮助实现此功能，但可能有更好的方法

---

让我知道您的想法。

将用户带到文档顶部。请确保您的单击处理程序返回true并且不停止传播。

可以考虑滚动的东西是jQuery（Read）和<代码> .SCROLTO（）/<代码> < /P>的<代码>滚动（）/代码>。 这是我在中国做的一个例子

$（函数（）{
$（窗口）。滚动（函数（）{
var scrolled=$（this.scrollTop（）；
如果（滚动>150）{
$（'向上'）.fadeIn（）；
}否则如果（滚动<150）{
$（'向上'）.fadeOut（）；
}
});
$（'#向上'）。单击（函数（）{
$。滚动到（“#顶部”）；
});
});

在本例中，当

窗口

滚动超过

150px

时，将显示

#up

div。如果滚动条上的位置为

top

，则

#up

div将隐藏。单击

#up

div将自动滚动到div

#top

（请参见FIDLE）

---

我想这会让你得到你所需要的。

嘿，谢谢你的回复。我非常欣赏你的做法。我的指示可能有点不清楚，但我只想让一个灯箱的能力是活跃的，如果用户是下面的折叠？

$(function(){
$(window).scroll( function() {
    var scrolled = $(this).scrollTop();
    if(scrolled > 150) {
        $('#up').fadeIn();
    } else if(scrolled < 150) {
        $('#up').fadeOut();
    }
});
    $('#up').click(function(){
        $.scrollTo('#Top');
    });
});