我做了一个宽度很大的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。
最佳答案
.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/