Мобильная навигационная горизонтальная прокрутка на странице Skrollr

Question

Моя мобильная навигационная панель фиксирована в нижней части экрана и переполняется вправо. Я хочу иметь возможность прокручивать это горизонтально, однако skrollr, похоже, захватывает событие прокрутки и переводит его в вертикальный свиток.

Как только я отключу skrollr, я могу горизонтально прокручивать навигационную панель.

Я попытался принести zindex на navbar как можно выше, но skrollr все еще набрасывает на него касание.

Возможно ли это вообще?

EDIT:

думал загрузить эскиз того, что я хочу добиться, чтобы сделать его более ясным.

покрышка положение фиксируется, сидя в нижней части экрана, г проиндексированы выше всего, с его содержимое перелива справа:

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

На мобильном устройстве, перетаскивая накладку начинает прокрутку всей страницы, и наложение не прокручивается влево-вправо. Если я использую горизонтальное колесо мыши, оно прокручивается, но не на ощупь.

Answer 1

удалось исправил путем остановки распространения на touchmove, touchstart и touchend событий на накладываемого элемент:

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

это сломал нажав на ссылки, которые находятся внутри наложения, но добавив к ним фиктивный слушатель:

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