对于移动WebKit的,我怎么能水平菜单栏滚动,当你触摸/拖动它?

比方说,我在标准的iPhone 4。

我的菜单栏的宽度为2000像素。 当用户触摸和持有菜单DIV,他能左/右移动他的手指,并在菜单栏将移动。 这允许用户使用他的手指来浏览所有菜单的项目。 (滚动左/右)

我怎么能作出这样的JavaScript / jQuery的?

这就像谷歌图片的WebView(去那里您的手机上)。 你能左右滑动即可浏览每个图像。

除了...我想这是一个菜单栏,没有“噼噼啪啪”。

--------------解决方案-------------

这里是一个非常非常简单的例子。 它应该让你在正确的方向前进,但。

$('body').bind({
'touchmove': function(e){

$('.menu_bar').css({
'left': e.originalEvent.touches[0].pageX
});

}
});

为了得到你是领导,你就还需要存储touchstart坐标,.menu_bar开始位置,然后用一点数学到它的位置相对条移动,而不是像每次只需捕捉到手指的位置上面的例子就可以了。

希望帮助:)

我仍然对这个问题有点困惑,但我相信答案就是使用

-webkit-overflow-scrolling: touch;

这将为iOS5的设备协同工作,给你一个小的滚动条在工作时(即滚动时)

否则,你可以试试这个插件:http://cubiq.org/iscroll-4

或者:h​​ttp://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/(这是多设备)

分类:JavaScript的 时间:2015-03-15 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.416 (s). 10 q(s)