如何通过鼠标拖动水平滚动？

Question

我正在处理像看板这样的任务。 一切正常，但是当我单击垂直滚动条时，它会隐藏并且我无法上下滚动。

我正在使用以下代码在拖动时水平滚动

$('.at-priortyboxsholder').mousedown(function (event) {
        $(this)
            .data('down', true)
            .data('x', event.clientX)
            .data('scrollLeft', this.scrollLeft)
            .addClass("dragging");
            $(this).css('overflow','hidden')

            return false;
          }).mouseup(function (event) {
              $(this)
                .data('down', false)
                .removeClass("dragging");

          }).mousemove(function (event) {
              if ($(this).data('down') == true) {
                  this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX;
              }
          }).mouseout(function() {
            $(this).css('overflow','auto')
        });

Answer 1

我已经通过更新代码解决了我的问题

$('.at-priortyboxsholder').mousedown(function (event) {
        $(this)
            .data('down', true)
            .data('x', event.clientX)
            .data('scrollLeft', this.scrollLeft)
            .addClass("dragging");
            
          }).mouseup(function (event) {
              $(this)
                .data('down', false)
                .removeClass("dragging");

          }).mousemove(function (event) {
              if ($(this).data('down') == true) {
                $(this).css('overflow','hidden')
                  this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX;
              }
          }).mouseout(function() {
            $(this).css('overflow','auto')
        });