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

Question

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

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

我希望仅当wp-filter的高度大于1000像素并且用户滚动超过其高度的50％并逐渐淡出时，否则{用户滚动到wp-main之外页面上的其他任何地方。

我正在寻找Jquery解决方案。

我尝试了此代码，该代码适用于主窗口，但未绑定到wp-main。

wp-main

Answer 1

$(window).scroll(function() {

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