另，你說的手機(jī)端用手指滑動(dòng)，在 HTML 中是由瀏覽器根據(jù)手勢觸控事件來支持的，jQuery 超越不了瀏覽器對 JS 的支持，因?yàn)?jQuery 就是 JS 的程序包如果使用 Mouse 事件來實(shí)現(xiàn)，也不是不可以，因?yàn)槭謩萦|控的本質(zhì)無非；2 AudioJS HTML音頻播放器用來讓HTML5 的 標(biāo)簽可以在各種瀏覽器上使用，包括移動(dòng)設(shè)備3 HTML5Widget HTML5的表單模塊，包括日歷，調(diào)色板，滑動(dòng)部件，客戶端驗(yàn)證等4 Webforms2 HTML5 表單屬性的支持，例如pattern。

這是一個(gè)叫photoswipe的插件，挺好用的，平滑滑動(dòng)，上一張下一張，點(diǎn)擊放大等功能 這是我自己精簡了一下的里面有Demo，你自己看吧；類似這個(gè)效果的網(wǎng)上很多的啦，弄個(gè)改改就行了lthtml lthead ltmeta。

完全用CSS控制就可以了，頁面在滾動(dòng)，給這個(gè)DIV設(shè)置positionfixed那么頁面不管怎么滾動(dòng)，這個(gè)DIV是中在頂端 解決方案二顯示合作div absolute定位，判斷滾動(dòng)到div位置的時(shí)候設(shè)置position為fixed，同時(shí)設(shè)置top為0 ltdiv style=quot；html5 新增 touch 事件禁用手機(jī)默認(rèn)的觸屏滾動(dòng)行為documentaddEventListener#39touchmove#39， functionevent eventpreventDefault， falsetouchstart事件function touchSatrtFuncevt try。

html，body同時(shí)設(shè)為overflowhiddencss樣式部分ovfHidenoverflow hiddenheight 100% jquery部分#39html，body#39addClass#39ovfHiden#39 使網(wǎng)頁不可滾動(dòng) #39html，body#39removeClass#39ovfHiden#39 使；1 頁面布局，一堆等待滾動(dòng)選擇的列表 先實(shí)現(xiàn)一個(gè)豎排的列表，觸屏能滾動(dòng)，也就是說先不考慮選擇的問題 寫一個(gè)固定高度的盒子 把一堆待選擇的列表放里面 觸屏滾動(dòng)大概就實(shí)現(xiàn)了 簡單代碼ltdiv style=quotheight300pxquot id=；解答原文給出的各個(gè)方法是在對象中的，復(fù)制過來需要復(fù)制到對象中如下方法是針對全屏滑動(dòng)的，如果需要針對某個(gè)元素監(jiān)聽的話將var html = documentdocumentElement documentbodyTouchInithtml改為 var oEl =。

lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle #menu position relative background black width 150px height 30px margin；注釋1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代碼，鼠標(biāo)指向循環(huán)文字圖片時(shí)他們會(huì)停止?jié)L動(dòng)，鼠標(biāo)離開時(shí)繼續(xù)滾動(dòng)給滾動(dòng)圖片加超鏈接 用lta href=和lta把ltimg；使用瀏覽器可以進(jìn)行手機(jī)效果測試現(xiàn)在各大瀏覽器都有這種功能了， 谷歌360搜狐等首先打開網(wǎng)頁，點(diǎn)擊右鍵列表里會(huì)有“審查元素”，再點(diǎn)擊手機(jī)那個(gè)按鈕，就可以調(diào)整屏幕寬度查看手機(jī)效果；html 用superslide插件，方便效果更換一些特效網(wǎng)上太多例子了，如懶人圖庫17素材等。

在網(wǎng)頁文件quotindexhtmlquot中添加對該樣式表的引用ltlink rel=quotstylesheetquot type=quottextcssquot href=quotMyStylecssquot 新建一個(gè)JS文件，并將該文件另存為“MoveEffectjsquot在”MoveEffectjs“文件中輸入如下所示代碼var；首先設(shè)定屏幕的寬和高 var height = deviceheight 設(shè)定高度值=設(shè)備高度 var width = devicewidth 設(shè)定寬度值=設(shè)備寬度 setScreenMetricswidth， height 設(shè)置腳本坐標(biāo)點(diǎn)擊所適合的屏幕寬高如果腳本運(yùn)行時(shí)；這篇文章主要介紹了HTML5 移動(dòng)頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。