Как сделать полноценный горизонтальный скролл?

Question

[K G]

Здравствуйте, на сайте нужнен горизонтальный скролл, сделал его без труда, но нужно, чтобы еще была возможность скроллить колесиком мыши, когда курсор в этом блоке находится и еще чтобы можно было перетаскивать зажав кнопку мыши. (например так сделано в битрикс24 в задачах, там при зажатии появляются стрелочки влево-вправо стандартные).
codepen.io/anon/pen/PNQZGe

Answer 1

[HamSter]

Подключи
jquery
mousewheel

$(function() {

   $(".wrapper").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);
    
      event.preventDefault();

   });

});

Это самое простое. А если со стрелочками, то проще smoothdivscroll подключить.

Comments

[K G]

HamSter вы немного не поняли про стрелочки, попробую найти примере кроме битрикса24

[K G]

HamSter а за mousewheel спасибо, то что нужно

[HamSter]

pwnography: пример бы на битрикс посмотреть), аж интересно стало

[K G]

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

Answer 2

[Atllantis]

mCustomScrollbar

Comments

[K G]

Atllantis он здесь переделывает сам скроллинг и скроллбар, мне не нужно стилизовать стандартный скроллбар и его поведение

Answer 3

[Bowen]

Если я вас правильно понял, то

Comments

[K G]

Bowen да, только намного проще, оставить стандартный скроллбар и просто добавить возможность перетаскивать и " чтобы еще была возможность скроллить колесиком мыши, когда курсор в этом блоке находится"

[K G]

Bowen у вас в примере чистой воды слайдер со всякими наворотами, мне он не нужен