求jQuery或js实现淘宝上面的图标菜单在手机上滑动的效果。m.taobao.com

JavaScript012

求jQuery或js实现淘宝上面的图标菜单在手机上滑动的效果。m.taobao.com,第1张

在PC端的网页上,用CSS加个滚动条就可以滑动了,样式为overflow-x:auto,

但是在手机端这个样试是不起作用的,在目前三个主流手机端 ios 、android、wp的系统上,只有wp的系统支持这个样式,ios和android都不支持,要想在手机端实现同样的功能,那么你可以用手机端属的JS事件来控制

xxx.addEventListener("touchstart",function(e){

//这里放手指移上去的代码,可以取到手指移上去的屏幕坐标,在e中取。

},false)

document.addEventListener("touchend",function(e){

//这里放手指移出去的代码,可以取到手指移出后屏幕上的坐标,在e中取。

},false)

document.addEventListener("touchmove",function(e){

//这里放手机在屏幕上划动的代码,可以随时取得手指的坐标,并对元素做相应的调整。

},false)

以上的手机触屏事件分别对应着PC网页端的

onmousedown事件、onmouseup事件和onmousemove事年,

注意以上的手机端的JS事件在网页端是无效的(touchstart,touchend,touchmove)

JS两个字母是奸商两个拼音的开头

就是奸商的意思.

GX 就是恭喜的意思

YX 就是英雄的意思

DPS 输出的意思

TX 腾讯

希望我的回答帮得上你的忙