在通过另一个DIV时显示/隐藏DIV后隐藏在80%高度

问题描述 投票:0回答:1

我尝试将DIV隐藏在80%的高度,当另一个DIV通过之前显示/隐藏。

这是传递DIV后显示/隐藏的代码(Source)

<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%高度。

像这样(Source)

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

if (y < ($(document).height() * 0.8)) {
  $('.showHide').fadeIn();
} else {
  $('.showHide').fadeOut();
}
</script>
javascript scroll height hide show
1个回答
0
投票

我知道了!

这是工作代码:

<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>
© www.soinside.com 2019 - 2024. All rights reserved.