phonegap-jq.mobil頁面內部scroll

本文是關於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的內容，希望對大家有所幫助。