使用draggable jQuery方法并隐藏div上的滚动条？

Question

我做了一个宽度很大的div（即3000px），然后用overflow:scroll的父div隐藏它，因为overflow:hidden我无法向右/向左滚动。

所以最好的答案需要做一个div，我可以滚动到左/右（最好用可拖动的方法）没有滚动条。

我的代码如下：

HTML

<div class="contents-home-container">
  <div class="contents-home-container-inner">

      <div class="contents-home">
      <!-- X7 <contents-home divs> -->
      </div>

   </div>
 </div>

CSS

.content-home-conteiner {

  overflow: hidden;
  cursor: -webkit-grab;
  padding-left: 15px;
  width: 100%;
  margin-top: 20px;
  height: 75vh;

 }

.contents-home-container-inner {

 width: 2600px;
 margin-left: 250px;
 display: block;
 height: 100%;

}

.contents-home {

 float: left;
 margin-right: 15px;
 margin-left: 15px;
 width: 13%;
 height: 100%;

}

的jQuery

我尝试使用.draggable方法，但控制台输出一个错误，显示“.draggable不是一个函数”（类似这样，但我从jQuery文档复制/粘贴基本函数..）。我正在使用WordPress。

Answer 1

  

.draggable不是函数

表示在代码之前未调用可拖动的js。

在代码中包含jquery和jqueryUI。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>