另，你说的手机端用手指滑动，在 HTML 中是由浏览器根据手势触控事件来支持的，jQuery 超越不了浏览器对 JS 的支持，因为 jQuery 就是 JS 的程序包如果使用 Mouse 事件来实现，也不是不可以，因为手势触控的本质无非；2 AudioJS HTML音频播放器用来让HTML5 的 标签可以在各种浏览器上使用，包括移动设备3 HTML5Widget HTML5的表单模块，包括日历，调色板，滑动部件，客户端验证等4 Webforms2 HTML5 表单属性的支持，例如pattern。

这是一个叫photoswipe的插件，挺好用的，平滑滑动，上一张下一张，点击放大等功能 这是我自己精简了一下的里面有Demo，你自己看吧；类似这个效果的网上很多的啦，弄个改改就行了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 使网页不可滚动 #39html，body#39removeClass#39ovfHiden#39 使；1 页面布局，一堆等待滚动选择的列表 先实现一个竖排的列表，触屏能滚动，也就是说先不考虑选择的问题 写一个固定高度的盒子 把一堆待选择的列表放里面 触屏滚动大概就实现了 简单代码ltdiv style=quotheight300pxquot id=；解答原文给出的各个方法是在对象中的，复制过来需要复制到对象中如下方法是针对全屏滑动的，如果需要针对某个元素监听的话将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代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动给滚动图片加超链接 用lta href=和lta把ltimg；使用浏览器可以进行手机效果测试现在各大浏览器都有这种功能了， 谷歌360搜狐等首先打开网页，点击右键列表里会有“审查元素”，再点击手机那个按钮，就可以调整屏幕宽度查看手机效果；html 用superslide插件，方便效果更换一些特效网上太多例子了，如懒人图库17素材等。

在网页文件quotindexhtmlquot中添加对该样式表的引用ltlink rel=quotstylesheetquot type=quottextcssquot href=quotMyStylecssquot 新建一个JS文件，并将该文件另存为“MoveEffectjsquot在”MoveEffectjs“文件中输入如下所示代码var；首先设定屏幕的宽和高 var height = deviceheight 设定高度值=设备高度 var width = devicewidth 设定宽度值=设备宽度 setScreenMetricswidth， height 设置脚本坐标点击所适合的屏幕宽高如果脚本运行时；这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。