html overlayed ul-li元素不會在android瀏覽器上滾動

第1部分可以利用li元素水平滾動並且第2部分可以垂直滾動。

在滾動section2之前，section1的滾動效果很好。

但是，在滾動區段2並使其如下之後， enter image description here 區段1不移動，並且所有滾動事件都轉到區段2。我不明白爲什麼它像那樣工作。（SECTION1的Z-指數大於第2節所以始終是在第2節）

奇怪的是它在PC上的Chrome瀏覽器效果很好。但在我的Android瀏覽器（HTC evo）上，當section2滾動到section1下時，section1滾動不起作用。

有沒有人解釋這個？

感謝您的閱讀。

我發現作爲滾動的SECTION1的控制區域移動。但視覺元素固定。但我不明白爲什麼控制區域也滾動。 –

我解決了這個問題，加入「position：absolute;」在第二部分。所以它可以獨立移動。

由於第2部分的移動不會影響到第1部分，因此第1部分的控制區域不會移動。

2013-08-01 17:17:02

回答