我在桌面上使用skrollr.js进行视差效果。但是当你在iphone上看时,你根本无法向下滚动页面。我安装skrollr.js后才发生此问题。我正在使用Bootstap作为css框架。这就是我对网站第一部分(主屏幕)的看法。非常感谢你的帮助。我是一个使用js插件的新手。
<!-- Full Page Image Header Area -->
<div class="header" data-0="background-position:0px 0px;" data-500="background-position:0px -250px;">
<div class="vert-text" data-0="opacity: 1" data-350="opacity: 0">
<div class="container">
<img class="logo-icon-header" src="img/logo-icon-color.png">
<h1>Go with Missions.me and change<br>lives around the world</h1>
<hr class="thick-hr">
<p class="header-start">Start</p>
<span class="header-start-icon"></span>
</div>
</div>
</div>
<!-- /Full Page Image Header Area -->
和css
.header {
display: table;
height: 100%;
width: 100%;
position: relative;
background: url(../img/home-video-placeholder.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}