如何使用joehewitt可滚动性?

时间:2011-07-01 06:40:57

标签: jquery-mobile mobile-website mobile-webkit

任何人都可以帮助我实现joehewitt的可滚动性插件。(https://github.com/joehewitt/scrollability.git) 我正在尝试开发一个移动网络应用程序!

提前致谢!

2 个答案:

答案 0 :(得分: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行提到需求,只是   从该ready函数中拉出两行代码并注释掉   准备好了。

多数民众赞成我做了什么,并且有效。

答案 1 :(得分:0)

查看以下源代码:http://www.uponahill.com/由Joe Hewitt完成并使用可滚动性。