Скрипт для адаптивного меню

Здравствуйте!
Мне надо написать скрипт для адаптивного меню.
К примеру есть такой код
https://jsfiddle.net/xocotl/621yozvw/22/

Нужно чтобы когда масштабируется экран и меню "уходит в overflow" появились кнопки прокрутки, при нажатии на которых меню начинало прокручиваться.
Причем если меню в положении, когда оно может прокрутиться влево и вправо - то появляются 2 кнопки (влево и вправо) .
Если меню в крайнем левом положении то видна только кнопка "вправо", а если в крайнем правом положении то видна только кнопка "влево".

И еще момент скрипт должен срабатывать не на конкретный размер экрана, а на уход блока меню в невидимую область.

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

Этот функционал постоянно требуется и не только для меню, а для горизонтальной полосы контента и т.д.