Skrollr.js不允许用户在iphone上滚动

时间:2013-12-18 15:29:53

标签: javascript jquery iphone fullscreen parallax

我在桌面上使用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;
}

0 个答案:

没有答案