我有一个修复div,当我向下滚动时,当我滚动时,需要将它隐藏到特定的ID。当到达特定的ID时,隐藏滚动的div元素
-2
A
回答
0
试试这个:
$.fn.isOnScreen = function() {
var win = $(window);
var viewport = {
top: win.scrollTop(),
left: win.scrollLeft()
};
viewport.right = viewport.left + win.width();
viewport.bottom = viewport.top + win.height();
var bounds = this.offset();
bounds.right = bounds.left + this.outerWidth();
bounds.bottom = bounds.top + this.outerHeight();
return (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom));
};
而且使用这样的:
$(window).scroll(function() {
if ($('#sampleId').isOnScreen() == true) {
$('.fixDiv').hide();
}
else{
$('.fixDiv').show();
}
});
相关问题
- 1. 当用户滚动特定距离时隐藏元素
- 2. 加载特定div时隐藏元素
- 3. 滚动到隐藏元素
- 4. 滚动到隐藏元素
- 5. 隐藏菜单(div)当滚动时与其他元素重叠
- 6. 当页面滚动达到特定ID
- 7. 当发生一定数量的滚动时隐藏元素
- 8. 如何在滚动到达页面底部时隐藏元素?
- 9. 滚动到div的ID,堆叠后“停止” DIV ID隐藏(不smoth滚动)
- 10. 当隐藏div元素时聆听
- 11. 当cookie存在时隐藏div元素
- 12. JavaScript滚动动作时隐藏div元素
- 13. 滚动时避免元素隐藏
- 14. 隐藏div直到滚动
- 15. 当隐藏元素时隐藏值
- 16. JQueryUI - 可滚动div内的Draggable隐藏拖动元素
- 17. 触发动画元素到达div ID
- 18. 在滚动时显示元素,滚动时隐藏它
- 19. 隐藏HTML元素的div
- 20. 隐藏div内的元素
- 21. 如何通过CSS在底部滚动到达时隐藏DIV?
- 22. 向上滚动时,如果达到特定元素
- 23. 当点击一个跨度元素时,光滑滚动到特定div
- 24. 滚动到iframe中的特定元素
- 25. 滚动到特定的元素w/jQuery
- 26. jquery滚动到div并显示一个特定的时间和隐藏
- 27. 当滚动到达定位点时用JQuery更改CSS元素
- 28. 当div被隐藏时无法找到元素
- 29. 通过ID找到一个元素,并隐藏以前的div
- 30. 当屏幕尺寸小于特定尺寸时隐藏div元素
你尝试过什么?你可以张贴一些代码吗。有些网站教你这种东西(www.w3schools.com就是其中之一)。 CSS很可能是你需要的,但我需要更多的信息来帮助你。 – nurchi
你可以尝试比较div位置(顶部)和你想要达到的元素。尝试使用getBoundingClientRect()函数:document.getElementById(“idOfElment”)。getBoundingClientRect()。顶部 –
@RicardoPontual谢谢。 我发现这个(检查链接),但我需要改变它以某种方式使用ID而不是像素,我不能! http://codepen.io/samora/pen/JKqyNE – SaMore