Question

我无法想象为什么skrollr不会在移动设备上工作。

我的skrollr-body ID位于已修复的所有元素下方，并且我已初始化了skrollr和菜单，并且文档中没有任何其他内容可以解释为什么这不起作用...

适用于桌面设备，而非移动设备......有什么建议吗？

标准初始化：

$(document).ready(function() {
  var s;
  s = skrollr.init({
    forceHeight: false
  });
  skrollr.menu.init(s);

  //some other document ready code...
});

html伪代码

//body is 100% height
<body>
//this link is a fixed menu that only shows up after the person has scrolled 100% height
    <a href="#third" class="menu" data-0="opacity:0;" data-100p="opacity:1" data-menu-top="200p"> 
    NEXT PROJECT</a>

// skrollr-body is 100% height and width, float left
    <div id="skrollr-body">

        //top is 100% height and width,overflow hidden and position absolute
        <div id="top">
        </div>  

        //second is 100% height and weight, position absolute and top is 100% 
        // (this makes 'second' show up immediately after the 'top' page.
        <div id="second">
        </div>

        //third is 100% height and weight, position absolute and top is 200%, 
        // making it show up exactly after the 'second' div
        <div id="third">
        </div>
   </div>

</body>

Skrollr不在移动设备上工作？

0 个答案: