始终可见水平滚动条

Question

我有一个DIV，其高度和宽度可能比页面大。要查看右边的信息，我真的不想让用户向下滚动多个页面，这样他们就可以向右滚动一点（然后必须向上滚动才能找到他们要查找的信息）

是否有一个好的jQuery库会复制我的div的水平滚动条，所以它总是在页面底部可见？

我的div上面有信息，下面是，所以改变DIV的高度不是我想要的路线。

Answer 1

如果您的代码包含div高度＆gt;浏览器的窗口高度然后查看水平滚动条用户将不得不始终向下滚动页面。我也面临同样的问题，但后来我意识到用户任何必须向下滚动才能看到不适合视口的页面内容，所以我使用javascript设置了height = window.innerHeight的div并将css属性overflow:scroll分配给它现在我可以看到水平滚动条在我的视口中始终可见

Answer 2

添加CSS文件：

html, body {
    min-height: 100%;
}

body {
  overflow-y: scroll;
}