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

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

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

html，body同時設為overflowhiddencss樣式部分ovfHidenoverflow hiddenheight 100% jquery部分#39html，body#39addClass#39ovfHiden#39 使網(wǎng)頁不可滾動 #39html，body#39removeClass#39ovfHiden#39 使；1 頁面布局，一堆等待滾動選擇的列表 先實現(xiàn)一個豎排的列表，觸屏能滾動，也就是說先不考慮選擇的問題 寫一個固定高度的盒子 把一堆待選擇的列表放里面 觸屏滾動大概就實現(xiàn)了 簡單代碼ltdiv style=quotheight300pxquot id=；解答原文給出的各個方法是在對象中的，復制過來需要復制到對象中如下方法是針對全屏滑動的，如果需要針對某個元素監(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代碼，鼠標指向循環(huán)文字圖片時他們會停止?jié)L動，鼠標離開時繼續(xù)滾動給滾動圖片加超鏈接 用lta href=和lta把ltimg；使用瀏覽器可以進行手機效果測試現(xiàn)在各大瀏覽器都有這種功能了， 谷歌360搜狐等首先打開網(wǎng)頁，點擊右鍵列表里會有“審查元素”，再點擊手機那個按鈕，就可以調(diào)整屏幕寬度查看手機效果；html 用superslide插件，方便效果更換一些特效網(wǎng)上太多例子了，如懶人圖庫17素材等。

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