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

时间:2014-08-28 13:26:47

标签: jquery html css position scrollbar

当我向下/向上滚动时,我想阻止div移动。 但我不想要这个位置的原因是:固定属性是因为当元素被修复时 滚动条关闭。例如

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

你无法通过滚动来访问此元素,因为它已修复且滚动条消失。

小提琴: http://jsfiddle.net/qh9ef9ga/ 你可以在这个小提琴中看到有一个1000px的div,但你不能通过滚动来接触他。

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

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

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

在看到代码之后,我脑海中浮现的唯一事情是你同时使用px和百分比意味着很少有事情以百分比定义,而其他事情在px中。这就是为什么改变屏幕尺寸对象的百分比会改变它们的大小,但其他对象与px不同。

用绝对值修改