div的浮动水平条

Question

我有一个非常高的html表。必须垂直滚动网页才能到达表格底部的水平滚动条。如果我可以浮动浏览器窗口底部的表格的水平滚动条，那将是很好的。可以做这样的事情吗？是否可以使用任何插件？

JS Fiddle is : http://jsfiddle.net/RurTZ/1/

Answer 1

我使用Maddy的演示表创建了一个解决方案（我希望你不介意）：

使用range input并将handler绑定到input event。然后，您可以使用jquery的.scrollLeft滚动table。

通过这种方式，您可以将滚动条放在任何位置，甚至可以按照自己的方式设置样式。

小提琴here

Answer 2

我不知道这是否是你想要的，但我建议你使用CSS属性

overflow: scroll;

到你的桌子..这应该做的工作。

Answer 3

试试这个，可能对你有所帮助： -

Demo

<div style="width: 300px;overflow: scroll;height:400px">
    <div>
        <div style="height: 100%;">
            <table class='sample'>

Answer 4

如果您可以使用javascript，则可以使用document.height访问文档高度。

然后相应地计算你的元素css定位，将表父div的高度设置为document.height - 100px等。

注意：这将需要进行适当的测试，因为它不适用于许多场景。但是，如果你有一个简单的页面，并了解页面布局和CSS定位的基础知识，它可以做到这一点。

由于您要求插件或其他内容，请尝试datatables，这很容易实现，并且可以处理很多自定义等，浏览文档。但是，如果您的要求仍然很简单，这可能会有点过分。