jquery - 当页面在 div 高度上滚动时显示 div

Question

我正在尝试在页面滚动到该 div 的高度时为 div 设置动画（显示）（根据 div 的高度进行动画处理，因为div 高度是可变的，因为我的布局是响应式的，因此页面变得更小div 高度也发生了变化......）

因为 offset() 没有看到隐藏的元素，所以我添加了一个 div(#box) 以便能够获取目标div的高度（magicBox）。

到目前为止我做了什么：

$('.magicBox').hide();
var box = $('#box');
var boxPosition = box.offset();
$(window).scroll(function() {
if ($(window).scrollTop() <= boxPosition.top) {
   $('.magicBox').show('slow');
}
});

它不起作用！这里有什么问题？ http://jsfiddle.net/6hq3V/

我更新了！我几乎用 scrollTop 在那里，但它仍然没有显示为 #box 高度上的页面..

Answer 1

if ($(window).scrollTop() == boxPosition.top) {
    $('.magicBox').show('slow');
}

$(document).height().scrollTop()是恒定的，所以在给你滚动条位置 时它不能触发任何东西 。

http://jsfiddle.net/6hq3V/1