Эффект hover на мобилках
 

Есть блок. Если потомки в него не влезают то он скроллится горизонтально, при этом чтобы его скроллить достаточно вводить по нему мышкой http://skrinshoter.ru/s/151018/A00PUIJs
https://codepen.io/anon/pen/WaZVja

Логика такая: если содержимое контейнера больше чем ширина контейнера, то при наведении (событие mousemove) мы добавляем свойство trasform: translateX
и тогда содержимое начинает двигаться
Это все работает на десктопе. Но на мобилках это не работает

Как это исправить

Добавить горизонтальный скролл и не париться?

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

Спасибо, только вот теперь стоит вопрос как этот горризонтальный скролл спрятать, но при этом чтобы можно было горизонтально скроллить

Вернулись к тому - с чего начинали.

Зачем?
На мобильных устройствах сколлбар почти незаметен, в отличии от win.