Как использовать прокрутку Джоэвитта?

Question

Может ли кто-нибудь помочь мне с реализацией плагина joehewitt для прокрутки. (https://github.com/joehewitt/scrollability.git) Я пытаюсь разработать мобильное веб-приложение!

Заранее спасибо!

Answer 1

Именно так,

1) Включите файл javascript и файл css (он находится в статической папке)

2) Перейдите на http://scrollability.com/ и следуйте структуре, чтобы создатьдва div:

<div id="overflow">
  <div id="scrollysection">
  </div>
</div>

С помощью следующего CSS

#overflow
    overflow:hidden
    position:absolute
    top:0px
    left:0px
    width:100%
    height:100%

#scrollysection
position:absolute
top:0px
left:0px

3) Затем вам нужно применить исправление здесь: https://github.com/joehewitt/scrollability/issues/29

Длячтобы получить работающий код, просто закомментируйте или удалите все элементы экспорта (строки 77-84).Затем в строке 94, где указано требование, просто извлеките две строки кода из этой функции готовности и закомментируйте функцию готовности.

Это то, что я сделал, и это сработало.

Answer 2

Посмотрите на исходный код: http://www.uponahill.com/ Это сделано Джо Хьюиттом и использует прокручиваемость.