求jQuery或js实现淘宝上面的图标菜单在手机上滑动的效果。m.taobao.com
3个回答
展开全部
在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)
但是在手机端这个样试是不起作用的,在目前三个主流手机端 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)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询