webapp的運動

Question

我一直在使用採用人工授精庫中的JavaScript我有幾頁，所有內容在裏面一個HTML頁面和頁面導航和滑動效果我已經使用IUI框架

時，只有HTML CSS創建了一個Web應用程序很多內容我可以垂直滾動上下滾動這是很好但是我也注意到，如果我拖動頁面水平無論是從左到右或從右到左，如果我從左上角拖動頁面左對角地整個頁面正在移動在那些不好的方向

我想這個動作被鎖定，即使我用手指滑過或對角的頁面應該保持固定，應該只移動垂直ly向上或向下

是否需要編寫任何元標記以避免此移動。

僅使用HTML CSS和JavaScript是有辦法解決這個問題還是有，而無需創建應用程序本身使用的Xcode

Answer 1

如果網頁大於視域，那麼你的行爲描述的寬度更寬任何其他的替代品會發生。但是，如果確保內容寬度設置爲320px（並且沒有子透明元素將內容推送到該分界點之後），那麼您不應該能夠橫向滾動。

如果不爲你工作'S，你應該能夠使用touchstart /移動/結束事件和事件對象使用的preventDefault（）在javascript禁用默認的行爲 - http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

Answer 2

嘿Sudhakar！爲什麼不使用列表？

首先，檢查您的視口元是否正確。然後，也許媒體（圖片）比全局視口大。

最後，這也可能是由於寬度：100％+一些填充/邊距。爲了解決這個問題，box-sizing：border-box;可能是你的朋友

R.