在底部滚动时隐藏图片

问题描述：

我的网络有问题。我在内容的右侧添加了一张图片，并将其设置为位置：固定，但当我向下滚动到我的网页的页脚时，此图片被我的网页页脚压下。因此，如果我的网站页脚附近或此图片堆叠了我的网页脚，我该如何隐藏此图片？感谢您的帮助！在底部滚动时隐藏图片

请提供一些代码或工作jsfidle ... – weinde

答

隐藏元素时$(document).height()-$(window).scrollTop()低于特定值

演示： -

$(document).ready(function() { 
 
    $("#scrolldown").show('slow'); 
 

 
    $(window).scroll(function (e) { 
 
     e.preventDefault(); 
 
     //console.log($(document).height()+'-'+$(window).scrollTop()); 
 
     if ($(document).height()-$(window).scrollTop() < 500) { 
 
      $("#scrolldown").hide('slow'); 
 
     } 
 
     else { 
 
      $("#scrolldown").show('slow'); 
 
     } 
 
    }); 
 
});

#pagewrap{ 
 
    height:1000px; 
 
} 
 
#scrolldown { 
 
    position: fixed; 
 
    color: white; 
 
    padding: 10px 30px; 
 
    background: red; 
 
    bottom: 30px; 
 
    right: 30px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="pagewrap"> 
 
\t <h1>Demo</h1> 
 
\t <h2><a href="http://webdesignerwall.com/tutorials/animated-scroll-to-top">test</a></h2> 
 
<div id="scrolldown"> 
 
    i ll hide @ bottom 
 
</div> 
 

 
</div>

答

尝试使用：位置：relative; left：0px; right：0px;调整到适合

这并没有真正回答OP的问题。请仔细阅读并仔细调整您的答案。 – rrd

在底部滚动时隐藏图片

相关推荐