Jquery 视差滚动仅适用于少数部分
我正在网站上制作Pallarax滚动效果。如果我放置3个或更多的Jquery 视差滚动仅适用于少数部分,jquery,html,css,parallax,Jquery,Html,Css,Parallax,我正在网站上制作Pallarax滚动效果。如果我放置3个或更多的部分,效果完全错误。。。有了2部分这就完美了。有什么问题吗 您可以在此处看到th效果: 这里是JSFIddle: 我在背景上涂上了一些颜色以查看错误。图像需要变得完整,就像前两部分一样 我的HTML: <body> <section id="home" data-speed="10" data-type="background"> <article>I am Absolut
部分
,效果完全错误。。。有了2部分
这就完美了。有什么问题吗
您可以在此处看到th效果:
这里是JSFIddle:
我在背景上涂上了一些颜色以查看错误。图像需要变得完整,就像前两部分一样
我的HTML:
<body>
<section id="home" data-speed="10" data-type="background">
<article>I am Absolute Positioned</article>
</section>
<section id="produtos" data-speed="4" data-type="background">
<article>I am Absolute Positioned</article>
</section>
<section id="empresa" data-speed="3" data-type="background">
<article>I am Absolute Positioned</article>
</section>
<section id="contato" data-speed="6" data-type="background">
<article>I am Absolute Positioned</article>
</section>
</body>
问题是你背景的大小。我还整理了你的宽度声明。您应该在
px
中设置wid,然后在中设置最大宽度:100%代码>以确保窗口大小调整时没有溢出和可伸缩性
演示对第3节存在问题,路径未定义。其余部分工作正常。请检查您的站点代码
<ul id="nav">
<li><a href="#home" title="Home">Home</a></li>
<li><a href="#produtos" title="Produtos">Produtos</a></li>
<li><a href="#empresa" title="Empresa">Empresa</a></li>
<li><a href="" title="Vendas On-line">Vendas On-line</a></li>
<li><a href="#contato" title="Contato">Contato</a></li>
</ul>
在下一节中,未定义指向a href=“”的路径
<li><a href="" title="Vendas On-line">Vendas On-line</a></li>
未更改。。使用颜色是正确的,但当我放置背景图像时,会出现相同的问题。。。
<li><a href="" title="Vendas On-line">Vendas On-line</a></li>