Webapp運動

Question

我使用iui庫僅使用html css javascript創建了一個webapp，我的頁面很少，所有內容都在一個html頁面中，並且為了頁面導航和幻燈片效果，我使用了iui框架

當有很多內容時，我可以垂直向上和向下滾動，這很好，但是我還注意到的是，如果我將頁面水平從左到右或從右到左向左拖動，並且如果我從左上角對角拖動整個頁面頁面朝着那些方向移動，這不好

我希望鎖定此運動，即使我用手指滑過或對角滑動，頁面也應保持固定，並且只能垂直向上或向下移動

我需要寫任何元標記來避免這種移動嗎？

僅使用html css和javascript有沒有一種方法可以解決此問題，或者是否有其他替代方法而無需使用xcode本地創建應用

Answer 1

如果網頁的寬度大於視口的寬度，則將發生您描述的行為。 但是，如果您確保內容寬度設置為320px（並且沒有子級的透明元素將內容推過該分界點），則您將無法橫向滾動。

如果這不適合您，則應該能夠使用touchstart / move / end事件，並使用事件對象上的preventDefault（）在javascript中禁用默認行為-http: //www.sitepen.com/blog/2008/ 07/10 / iPhone上的觸摸和手勢/

Answer 2

嘿Sudhakar！ 為什么不使用列表？

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

最后，這也可能是由於寬度：100％+一些填充/邊距。 要解決此問題，請調整框大小：border-box; 可能是你的朋友

R.