創建靜態水平滾動

Question

我正在嘗試開發着陸頁的水平滾動。我試圖找到我發現的信息here。但我想做出類似的東西，但不完全是......

在該網頁，我們有兩個要素： 我們可以看到我們有一個菜單，箱的水平列表。此列表按預期工作：如果您按菜單上的鏈接，則會跳轉到正確的框。如果您使用手機瀏覽器，則可以用手滑動左右滾動。

但是，當您使用移動瀏覽器向右滾動時，頂部的菜單停留在圖層的左側，從Web的可見部分消失。如果您使用計算機瀏覽器進行此操作，菜單始終位於左上角。

即使我使用的是移動瀏覽器，我也希望菜單始終保持在頂部，這樣我就可以滾動一些圖像，而不會隱藏網頁的內容。

我該怎麼做？

我希望我能正確解釋自己。 如果你還認爲有一個更簡單的方法來使橫向滾動，我願意提出建議。

PS：我想要一個樣的結果是這樣的：

Answer 1

移動瀏覽器有固定的定位問題 - 看this article也提供JavaScript的解決方案的列表。