Skrollr не работает на мобильных устройствах

Так что это, кажется,общий вопрос, однако ни один из ответов не дал мне никакой радости. Я полностью прочитал Документация Skrollr и могу заключить, что я полностью в недоумении.

My Website

моя основная разметка html:

<html>
  <head>
    <!-- Head Stuff -->
  </head>

  <body>
    <div id="navbar">
      <!-- This is a fixed position div -->
    </div>
    <div id="skrollr-body">
      <!-- Rest of my site -->
    </div>
    <script src="skrollr.min.js"></script>
    <script>
      skrollr.init({
        forceHeight: false
      });
    </script>
  </body>

</html>

таким образом, вы можете видеть, как документации мой фиксированный элемент находится вне моего другого контента.

Я использую версия 0.6.26 (2014-06-08) - загрузить с GitHub страница.

Download Zip

мобильное тестирование на iPad 2, iOS7 и Google Nexus 4, Android 4.4.4

заранее спасибо за любые предложения/помощь

6
html javascript jquery mobile skrollr

2 ответов

Я просто не стилизовал / не установил высоту на делении skrollr-body. Я исправил, просто добавив:

#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}
1

по данным этой (примерно на полпути вниз в разделе мобильная поддержка), чтобы заставить его работать на мобильных устройствах, вам нужен #skrollr-body на странице, которую я не видел в свой источник.

и этой проблема github, похоже, решает эту проблему.

0