Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 视差滚动仅适用于少数部分_Jquery_Html_Css_Parallax - Fatal编程技术网

Jquery 视差滚动仅适用于少数部分

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

我正在网站上制作Pallarax滚动效果。如果我放置3个或更多的
部分
,效果完全错误。。。有了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>