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

Question

我正在尝试动画（显示） div ，因为页面滚动到该div的高度（根据div的高度设置动画，因为 div height 是变量< / strong>因为我的布局是响应性的，所以当页面变小时， div height 也会发生变化......）

因为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 height的页面上。

Answer 1

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

$(document).height()是常量，所以当.scrollTop()给你滚动条位置时，它无法触发任何内容。

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