jquery - 如何防止 div 元素在滚动时移动(不使用固定位置)?

标签 jquery html css position scrollbar

我想在向下/向上滚动时防止 div 移动。 但我不想要 position:fixed 属性的原因是当元素固定时 滚动条关闭。例如

div{
    position:fixed;
    top:1500px;
}   

你不能通过滚动到达这个元素,因为它是固定的并且滚动条消失了。

fiddle : http://jsfiddle.net/qh9ef9ga/ 您可以在这个 fiddle 中看到向下 1000 像素处有一个 div,但您无法通过滚动找到他。

更多地了解我为什么需要它: http://parralaxtest.azurewebsites.net/

进入这个链接,你可以看到我的代码(f12 chrome)在这种情况下移动的元素是固定的。 问题是,当您更改屏幕尺寸时,滚动条会更改,例如,您可以更改太阳的顶部位置。如果你有一个大屏幕,向下滚动时太阳不会到达。

感谢您的帮助。

最佳答案

看到代码后,我唯一想到的是你同时使用 px 和百分比意味着很少有东西是用百分比定义的,而其他东西是用 px 定义的。这就是为什么在更改屏幕大小时,带有百分比的对象会更改其大小,但其他带有 px 的对象不会。

用绝对值固定

关于jquery - 如何防止 div 元素在滚动时移动(不使用固定位置)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25549970/

相关文章:

javascript - 自动调整 Canvas 中的图像,如果图像分辨率大于 Html5 中的 Canvas 大小

html - 当你的 svg 在 "content: url(..)"时如何转换填充颜色

css - Foundation 顶部栏中的按钮样式?

javascript - 集合大小和数组长度 - sonarqube

javascript - 如何在 jQuery 表达式中使用函数的字符串参数

javascript - 顶部菜单显示一个空白选项,将我重定向到一个未定义的页面。我该如何解决?

html - 如何使绝对定位的div的宽度与其父div的宽度相同?

jquery - 向行或 div 添加箭头

javascript - 在文本区域中启用换行 - Jquery Append

jquery 附加为倒数第二个