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

Question

[Роман]

Здравствуйте! Подскажите, пожалуйста, решение следующей задачки.

Есть body, у которого по умолчанию задан вертикальный скролл-бар.
В этот body мы размещаем блок (он же div) с горизонтальным скролл-баром - overflow-x: scroll.

Первой задачей было разрешить горизонтальному бару скроллиться мышкой. Спасибо за решение Сергею. Задача решилась следующим образом:

var mycustomscroll = document.querySelector('.mycustomscroll');
mycustomscroll.addEventListener("wheel", function(e){
    e.stopPropagation();
    var scroll = mycustomscroll.scrollLeft;
    console.log(scroll);
    mycustomscroll.scrollLeft = (scroll + e.deltaY);
});;

Теперь задача другая.
Нужно запретить вертикальному бару от body скроллитсья, если курсор мышки находится на блоке с горизонтальным скроллом.

.mycustomscroll {
 background-image:url('.../img/bgmontains11.jpg');
 background-position: top center;
 background-repeat: no-repeat;
 width: 100%;
 height: 400px;
 overflow: auto;
}

Больше спасибо!

Answer 1

[Роман]

Спасибо Deodatuss за уделенное время, но решил задачу по средствам обычного плагина-стилизатора скролл-бара.

Nicescroll 3