网络应用程序运动
我使用 iui 库仅使用 html css javascript 创建了一个 web 应用程序 我只有几个页面，所有内容都在一个 html 页面内，为了页面导航和幻灯片效果，
当有很多内容时我可以垂直向上滚动， 我使用了 iui 框架向下这很好，但是我还注意到，如果我从左到右或从右到左水平拖动页面，而且如果我从左上角对角拖动页面，整个页面都会朝这些方向移动，这不好
我会就像这个动作被锁定一样，即使我用手指滑过或对角滑动，页面也应该保持固定，并且只能垂直向上或向下移动，
我是否需要编写任何元标记来避免这种移动。
仅使用 html css 和 javascript 有没有办法解决此问题，或者是否有任何其他替代方案，而无需使用 xcode 本机创建应用程序
i have created a webapp using only html css javascript using iui library i have few pages and all the content is inside one html page and for page navigation and slide effect i have used iui framework
when there is lot of content i can scroll vertically up and down which is fine however what i have also noticed is if i drag the page horizontally either left to right or right to left and also if i drag the page from top left diagonally the entire page is moving in those directions which is not good
i would like this movement to be locked and even if i use the finger to slide across or diagonally the page should stay fixed and should only move vertically up or down
do i need to write any meta tag to avoid this movement.
using only html css and javascript is there a way to fix this or are there any other alternatives without creating the app natively using xcode
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
如果网页比视口的宽度宽，则会发生您所描述的行为。但是，如果您确保内容宽度设置为 320px（并且没有子透明元素将内容推过该分界点），那么您不应该能够横向滚动。
如果这不适合您，您应该能够使用 touchstart/move/end 事件，并使用事件对象上的 PreventDefault() 禁用 javascript 中的默认行为 - http://www.sitepen.com/blog/2008/07/10/touching-and-在 iPhone 上做手势/
If the webpage is wider than the width of the viewport then the behavior you describe will occur. However if you ensure the content width is set to 320px (and no child transparent-ish elements are pushing content past that demarcation point) then you shouldn't be able to scroll sideways.
If that's not working for you, you should be able to use the touchstart/move/end events and disable the default behavior in javascript using preventDefault() on the event object - http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/
嘿苏达卡！为什么不使用列表？
首先，检查您的视口元是否正确。那么，也许媒体（图像）比全局视口更大。
最后，这也可能是由于宽度：100% + 一些填充/边距。要解决这个问题，可以使用 box-sizing: border-box;可能是你的朋友
R。
Hey Sudhakar! Why not using the list?
First, check if your viewport meta is correct. Then, perhaps a media (image) is larger than the global viewport.
Last, this could also due to a width: 100% + some padding/margin. To fix that, box-sizing: border-box; could be your friend
R.