<分区>
我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。
关闭 7 年前。
在我的网页上here我目前有一个表,该表的列太多,并且在 x 方向上超出了它的支架。在 CSS 中,我对其进行了设置,以便显示水平 slider ,人们可以使用它在表格中向左/向右导航。这是在 CSS 中使用 overflow-x: auto;
实现的。
但是 slider 看起来已经过时了,Firefox 目前还不支持改变 slider。这就是为什么我决定通过像这样 overflow-x: hidden;
改变溢出来禁用 slider 。这隐藏了 slider ,但现在我无法向左/向右滚动表格。
有什么简单的解决方案可以让我在滚动条保持隐藏状态时左/右滚动表格?使用鼠标滚轮 或按住并拉动 操作完全没问题。
最佳答案
这个适用于水平方向,就好像它有可见的滚动条一样
更新:添加了一个 dragscroll 脚本
来源:http://qnimate.com/javascript-scroll-by-dragging/
#container1{
height: 50px;
width: 200px;
border: 1px solid;
overflow: hidden;
}
#container2{
width: 100%;
height: 99%;
overflow: auto;
white-space: nowrap;
padding-bottom: 25px; /* push scrollbar out of sight */
margin-top: 15px;
cursor:move;
}
<script type="text/javascript" src="https://cdn.rawgit.com/asvd/dragscroll/master/dragscroll.js"></script>
<div id="container1"><div class="dragscroll" id="container2">
hello 1
hello 2
hello 3
hello 4
hello 5
hello 6
hello 7
</div><div>
关于css - 水平滚动表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34977780/