我的网络有问题。我在内容的右侧添加了一张图片,并将其设置为位置:固定,但当我向下滚动到我的网页的页脚时,此图片被我的网页页脚压下。 因此,如果我的网站页脚附近或此图片堆叠了我的网页脚,我该如何隐藏此图片? 感谢您的帮助!在底部滚动时隐藏图片
-2
A
回答
2
隐藏元素时$(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>
0
相关问题
- 1. 滚动底部隐藏分区
- 2. ListView垂直滚动时隐藏图片
- 3. 键盘隐藏时滚动视图到底部
- 4. 在屏幕底部隐藏linearlayout,而列表视图滚动
- 5. 如何在滚动到达页面底部时隐藏元素?
- 6. 如何通过CSS在底部滚动到达时隐藏DIV?
- 7. 图片不会隐藏在滚动jQuery
- 8. 部分机器人底部片隐藏
- 9. 滚动查看隐藏底部文本视图
- 10. 底部栏隐藏滚动视图内容
- 11. 卡片视图中隐藏的地图片段的底部
- 12. jquery隐藏向上按钮,当在垂直滚动顶部和隐藏谷底底部
- 13. 如何隐藏滚动顶部或底部的tabhost
- 14. jquery滚动淡入页脚,隐藏在页面底部
- 15. 底部tabBar隐藏
- 16. 向下滚动时隐藏顶部栏
- 17. 向下滚动时隐藏卡片视图并滚动时显示
- 18. 如果隐藏滚动条,隐藏/缩小表格底部边框
- 19. 如何粘住div,并使其不滚动时隐藏在页面的底部
- 20. 滚动到显示后隐藏的div的底部
- 21. 显示与隐藏底部对齐,内容只有滚动
- 22. Android:隐藏视图,同时滚动ViewPager
- 23. 如何让div滚动到底部,因为HTML内容通过jQuery添加到底部,但隐藏滚动条?
- 24. UIProgressView滚动uitableview时隐藏
- 25. 滚动时隐藏溢出
- 26. 滚动底部
- 27. React.js - 当软键盘打开时隐藏滚动(隐藏视图)?
- 28. Android - 在滚动视图的顶部不应该隐藏滚动的一部分
- 29. 隐藏tabbar时的底部空白处
- 30. 按需隐藏底部栏
请提供一些代码或工作jsfidle ... – weinde