视差效应

By simon at 2018-02-07 • 0人收藏 • 46人看过

好吧,我开车疯了,我知道我已经看到了,但需要一个 wordpress插件或方法,无论你想要什么c所有它复制 这个滚动效果,右边的文字与你重叠和改变 滚动 任何人的任何想法,如果吨继承人一个wordpress插件或视觉作曲家补充说 任何人都知道会更喜欢

1 个回复 | 最后更新于 2018-02-07
2018-02-07   #1

时间我没有投票给你,但这可能是因为一个快速的谷歌搜索会 给你一些很好的插件,你可以使用。无论如何尽管如此,“视差” 滚动“似乎是不是一个伟大的选择插件的胜利者。您 绝对可以用V来做C - 谷歌它有很多的教程。 否则这将工作(有很多插件,你可以添加你的js 用):

</head>
    <body>
        <div id= 'par'>
            <div id= 'topimg'>
                <img id="image" src="slide.jpg" height="100%" width="100%" /> 
                <div id= 'text'>
                    <h1><center> Hello <br> World </center> </h1>
                </div>  
            </div>
         </div>
使用这个js
function parallex() {

    var ypos,image;
    image = document.getElementById('image');
    ypos = window.pageYOffset;
    image.style.top = ypos * .84+ 'px';
}
window.addEventListener('scroll', parallex),false;
并确保在你的CSS一个Z指数
#par {
margin: 0px;
padding: 0px;
margin-top: 0px

}

#image {
    position: relative;
    z-index: -1;
}

登录后方可回帖

Loading...