我只使用 html css javascript 使用 iui 库创建了一个 webapp 我的页面很少，所有内容都在一个 html 页面中，对于页面导航和幻灯片效果，我使用了 iui 框架
当有很多内容时，我可以垂直上下滚动，这很好但是我还注意到，如果我从左到右或从右到左水平拖动页面，并且如果我从左上角对角拖动页面整个页面正在向那些不好的方向移动
我希望这个动作被锁定，即使我用手指滑过或对角线滑动页面也应该保持固定并且只能垂直向上或向下移动
我是否需要编写任何元标记来避免这种运动。
仅使用 html css 和 javascript 是否可以解决此问题，或者是否有任何其他替代方法，而无需使用 xcode 本地创建应用程序
嘿，苏达卡尔！为什么不使用列表？
首先，检查您的视口元数据是否正确。然后，可能媒体（图像）大于全局视口。
最后，这也可能是由于宽度：100% + 一些填充/边距。为了解决这个问题， box-sizing: border-box; 可能是你的朋友
R。
如果网页比视口的宽度宽，那么您描述的行为就会发生。但是，如果您确保将内容宽度设置为 320px（并且没有子透明元素将内容推过该分界点），那么您不应该能够横向滚动。
如果这对您不起作用，您应该能够使用 touchstart/move/end 事件并使用事件对象上的 preventDefault() 禁用 javascript 中的默认行为 - http://www.sitepen.com/blog/2008/ 07/10/在 iPhone 上触摸和手势/