Jquery 显示/隐藏 div 当动态 div 的高度大于 1000px 时

Question

我在包含动态内容的页面中间有一个动态div。

<div class="wp-main">
Some dynamic content...
</div>

我希望另一个divwp-filter仅在wp-main的高度大于 1000px 并且用户滚动超过其高度的 50% 并以其他方式淡出或当用户滚动页面上wp-main以外的任何其他位置时淡入。

我正在寻找一个Jquery解决方案。

我已经尝试了适用于主窗口的代码，但它没有绑定到wp-main。

$(window).scroll(function() {
if ($(this).scrollTop()>1000)
{
$('.wp-filter').fadeIn();
}
else
{
$('.wp-filter').fadeOut();
}
});

Answer 1

$(window).scroll(function() {
if ($("#wp-main").height()>1000)
{
$('.wp-filter').fadeIn();
}
else
{
$('.wp-filter').fadeOut();
}
});