我正在尝试对网站实现视差效果。但我有一个问题:这可以在页面的特定部分内完成吗?或者,强制网站的某些部分是静态的而其他部分是视差的?
我有页眉和页脚,它们的位置在 CSS 中用“position:fixed;”定义。所以,我想在它们之间产生视差效果。我认为这可能会导致一些问题,因为图像位置等。
我对所有基于视差的网站进行了研究,发现该效果对所有页面都是全局的。
最佳答案
I'm trying to implement a parallax effect to a website. But I have a question: can this be done inside a specific part of the page? Or, to force some parts of the website to be static while others are parallax?
是的,你可以做到。
如果您的页面没有固定宽度,则会出现一些问题 - 您需要绑定(bind)重新计算 offset()
的窗口调整大小和 height
你的视差 div
您还必须设置 <img/>
的 width
和 height
.
为了获得更多性能,仅当 $(document).scrollTop()
时才调用绑定(bind)事件在相关范围内。
关于javascript - 仅在网页的特定部分产生视差效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7953900/