javascript - 仅在网页的特定部分产生视差效果?

标签 javascript jquery html css parallax

我正在尝试对网站实现视差效果。但我有一个问题:这可以在页面的特定部分内完成吗?或者,强制网站的某些部分是静态的而其他部分是视差的?

我有页眉和页脚,它们的位置在 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/>widthheight .

为了获得更多性能,仅当 $(document).scrollTop() 时才调用绑定(bind)事件在相关范围内。

关于javascript - 仅在网页的特定部分产生视差效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7953900/

相关文章:

javascript - 单击输入字段触发窗口在android上调整大小

javascript - 正确转义javascript json字符串中的换行符

javascript - 如何在 jquery 中显示 “NO COUNTRY FOUND” 输入搜索?

html - 输入类型 ="image"与类型 ="submit"

javascript - 自定义下拉默认选中项

asp.net-mvc - Asp.net MVC Controller 操作字符串参数未传递

php - Google Maps AP v3 I - 尝试使用 jQuery $.ajax 动态添加标记

javascript - 将值传递给工厂 angularjs

javascript - 带有ajax和甜蜜警报的调用功能

javascript - 将光标移动到输入字段的开头?