Question

在我的网页上here我目前有一张桌子，这张桌子的列太多而且在x方向上超过了它的持有者。在CSS中我设置了它，以便显示水平滑块，人们可以使用它在桌子上左/右导航。这是使用CSS中的overflow-x: auto;实现的。

但是滑块看起来过时了，Firefox到目前为止还不支持滑块更改。这就是为什么我决定通过改变像overflow-x: hidden;这样的溢出来禁用滑块的原因。这把滑块隐藏了，但现在我无法向左/向右滚动我的桌子。

当我的滚动条保持隐藏状态时，是否有任何简单的解决方案可用于滚动表格左/右？使用鼠标滚轮或按住＆amp;拉动作完全没问题。

Answer 1

这个适用于水平，好像它有可见的滚动条

更新：添加了dragscroll脚本

Src：http://qnimate.com/javascript-scroll-by-dragging/

＆＃13;

#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;
}

＆＃13;

<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>

＆＃13;

水平滚动表格

1 个答案: