2016-09-08 128 views
1

我的移動導航欄位置固定在屏幕底部並溢出到右側。我希望能夠水平滾動,但是,skrollr似乎捕獲滾動事件並將其轉換爲垂直滾動。Skrollr頁面上的移動導航欄水平滾動

一旦我禁用skrollr,我可以水平滾動導航欄。

我試着將navbar的zindex儘可能地高,但skrollr仍然會觸摸它。

這可能嗎?

編輯:

想上傳的什麼,我想實現,使之更加清晰的草圖。

的疊加位置固定,坐在屏幕的底部,Z指數高於一切,用它的內容溢出到右:

white-space: nowrap; overflow-x: auto; overflow-y: hidden; 

在移動,拖動重疊開始滾動整個頁面,並且疊加層不是左右滾動。如果我使用鼠標水平輪,它會滾動,但不會觸摸。

enter image description here

+0

分享你的代碼 –

+0

這裏是一個[codepen](http://codepen.io/anon/pen/ozxgKy)(但你需要查看這是一個移動模擬器能夠看到問題,因爲你可以滾動正常滾動的疊加 - 而不是觸摸) – b0Gd4N

回答

0

管理,以這個固定的上touchmovetouchstarttouchend事件停止傳播,覆蓋元素:

$overlay.on('touchmove touchstart touchend', function(e) { e.stopPropagation(); });

這打破了竊聽是覆蓋內的任何鏈接,但添加一個虛擬聽衆給他們修復它:

$overlayLinks.on('touchmove touchstart touchend', function() { return true; });