在 show/hide DIV 通过另一个 DIV 后隐藏在 80% 高度

Question

我尝试将 DIV 隐藏在 shows/hide 之前另一个 DIV 过去时的 80% 高度。

这是通过 DIV:

之后的代码 (Source) 到 show/hide

<script type="text/javascript">
$(function(){
        $(document).scroll(function(){
                    var vis = ($(document).scrollTop() > ($('.passedMe').offset().top+$('.passedMe').height()));
                            if (vis) $('.showHide').fadeIn(); else $('.showHide').fadeOut();
                                });
        });
</script>

DIV 应该隐藏在页面 80% 的高度。

像这样:

<script>
var y = $(this).scrollTop();

if (y < ($(document).height() * 0.8)) {
  $('.showHide').fadeIn();
} else {
  $('.showHide').fadeOut();
}
</script>

Answer 1

我明白了！

这是工作代码：

<script type="text/javascript">
$(function(){
    $(document).scroll(function(){
        var y = $(this).scrollTop();
        var vis = $(document).scrollTop();
        if (vis > ($('.passedMe').offset().top+$('.passedMe').height()) && y < ($(document).height() * 0.8)) {
          $('.showHide').fadeIn();
        } else { 
          $('.showHide').fadeOut();
        }
        });
});
</script>

在 show/hide DIV 通过另一个 DIV 后隐藏在 80% 高度

Hide at 80% height after show/hide DIV when passed another DIV

javascript

scroll

height

hide

show