您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> 安卓开发 >> 正文

phonegap-jq.mobil页面内部scroll

作者:佚名    责任编辑:admin    更新时间:    2015-10-21 14:25:17

本文是关于jq.mobil页面内部scroll的内容,下面是详细介绍。本来想着scroll用 iscroll-4 的工具,但是jq.mobil 有冲突。

后来研究发现

jq.mobi具有一个插件

jq.scroller.js

可以很好的实现滚动效果。

具体下载地址可以去jq.mobil 网站下载。

使用方法:

1.引入js文件

2.写入脚本

var myScroller;

$.ui.ready(function(){

myScroller=$("#viewport").scroller();//此处id就是为需要滚动的区域id

});

3.html

 

 

 

 

 

  • Pretty row 1

 

 

  • Pretty row 2

 

 

  • Pretty row 3

 

 

  • Pretty row 4

 

 

  • Pretty row 5

 

 

  • Pretty row 6

 

 

  • Pretty row 7

 

 

  • Pretty row 8

 

 

  • Pretty row 9

 

 

  • Pretty row 10

 

 

  • Pretty row 11

 

 

  • Pretty row 12

 

 

  • Pretty row 13

 

 

  • Pretty row 14

 

 

  • Pretty row 15

 

 

  • Pretty row 16

 

 

 

 

 

4.css:

#wrapper {

margin-top:10px;

height:80%;//此处可以指定固定高度来实现小区域内的滚动或者省略

left:-9999px;

width:99.5%;

border:1px solid #333;

}

#viewport {

background:#FC9;

padding:0 10px;

}

以上就是精品提供的关于jq.mobil页面内部scroll的内容,希望对大家有所帮助。