Javascript 使用phonegap或不使用phonegap在iOS上禁用水平过卷

Javascript 使用phonegap或不使用phonegap在iOS上禁用水平过卷,javascript,css,angularjs,html,overscroll,Javascript,Css,Angularjs,Html,Overscroll,我与angularjs和phonegap合作。 我想创建一个包含滑块的UI 问题是,当我使用滑块时,内容向左或向右滚动(参见图片) 正常状态 当我尝试使用滑块时 在主体上捕捉touchmove事件是不可接受的,因为我希望垂直滚动能够工作 谢谢 你是说右边的滚动条吗? 要禁用水平滚动,请使用此标记,您不能水平滚动或放大。或者尝试溢出-x:hidden或溢出-y:隐藏在一个方向上隐藏溢出。希望这对您有所帮助。您不是指垂直方向吗?不,水平滚动(我更新主题)我为溢出-x:hidden评分建议:)很好

我与angularjs和phonegap合作。 我想创建一个包含滑块的UI

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

正常状态

当我尝试使用滑块时

在主体上捕捉
touchmove
事件是不可接受的,因为我希望垂直滚动能够工作


谢谢

你是说右边的滚动条吗?

要禁用水平滚动,请使用此标记,您不能水平滚动或放大。
或者尝试
溢出-x:hidden
溢出-y:隐藏
在一个方向上隐藏溢出。
希望这对您有所帮助。

您不是指垂直方向吗?不,水平滚动(我更新主题)我为
溢出-x:hidden评分建议:)很好的回答我使用了这个元,但不起作用,在我的css主体上我有溢出:隐藏。我的滚动条是用librairy iscroll创建的,我在主体上应用,元素在主体上。我忘记了一个信息,在安卓手机或平板电脑上可以使用,这个问题只出现在IOS设备上。你是说你的内容和边框之间的空间吗?你能设置html和正文的宽度:100vw;溢出-x:隐藏;试试这个,告诉我结果或者给我发一个项目链接,这样我对这个问题有了更好的了解。