在带有phonegap的iOS上禁用水平过度滚动

时间:2016-06-16 14:28:51

标签: javascript css angularjs html5 overscroll

我使用angularjs和phonegap。 我想创建一个包含滑块的UI。

问题是,当我使用滑块时,内容向左或向右滚动(参见图片)。

正常状态

Normal state

当我尝试使用滑块

When I try to use the slider

不能接受在身体上捕捉touchmove事件,因为我希望垂直滚动能够正常工作。

总而言之。

1 个答案:

答案 0 :(得分:2)

你的意思是右滚动条吗? 要禁用水平滚动,请使用<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">。使用此标记,您无法水平滚动或放大。
或者您尝试overflow-x: hidden;overflow-y: hidden;向一个方向隐藏溢出。希望能帮到你。