本文是关于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的内容，希望对大家有所帮助。