javascript - 使用可拖动的 jQuery 方法并隐藏 div 上的滚动条?

标签 javascript jquery html css animation

我做了一个宽度很大的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。

header

最佳答案

.draggable is not a function

表示在代码之前不调用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>

关于javascript - 使用可拖动的 jQuery 方法并隐藏 div 上的滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42761923/

相关文章:

javascript - 按钮在 iPhone 上的 Safari 中不起作用

javascript - 如何区分一个链接是否会触发文件下载或跳转到其他地方,例如新的URL

javascript - 查找包含选择器 id + 文本的元素

jquery - 有没有办法将 event.preventDefault 与 focusOut 一起使用?如果没有,为什么?

javascript - Angular : Using $location. path() 而不是 href

javascript - 读取 JS 数组存在安全问题?

javascript - HTML5 Canvas 仅调整 html 大小

javascript - Turbolinks Rails 5 切换事件不起作用

javascript - 使用Command + Z时如何关闭Safari打开上一页?

javascript - 如何从 URL 中提取 JSON 数据