捕捉手機視口

Question

我正在開發一個網站，根據頁面將有2-3列。

移動支持很重要，我們已經在iOS/Android /其他應用上處理方向更改。

視口初始大小適合一列的寬度。大多數移動瀏覽器具有「粘性」水平滾動功能，可以更容易地向上/向下滾動列（在顯着上/下滾動之後忽略小的左右拖動）。

我想要的是，一旦用戶開始向左/向右滾動，滾動將再次「粘」在下一列。

我不知道這是否可能？

另一種方法是讓我們將頁面大小設置爲overflow:auto;，並自行處理滾動。我想這將是更可靠的跨瀏覽器，但它感覺有點黑客，並且可能需要很多努力來正確打磨。

有沒有人看過類似的東西/有任何建議？

Answer 1

我們最終實現了一些非常類似於this question中討論的內容，除了水平和垂直滾動。