Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于div的浮动水平条_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 用于div的浮动水平条

Javascript 用于div的浮动水平条,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个非常高的html表格。网页必须垂直滚动才能到达表格底部的水平滚动条。如果我可以在浏览器窗口的底部浮动水平滚动条,那就太好了。这样的事情可以做到吗?der有任何插件可用吗 JS Fiddle is : http://jsfiddle.net/RurTZ/1/ 我不知道这是否是您想要的,但我建议您使用CSS属性 overflow: scroll; 请坐。。这就可以了。试试这个,可能对你有帮助:- 如果可以使用javascript,则可以使用document.height访问文档高度 然后

我有一个非常高的html表格。网页必须垂直滚动才能到达表格底部的水平滚动条。如果我可以在浏览器窗口的底部浮动水平滚动条,那就太好了。这样的事情可以做到吗?der有任何插件可用吗

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

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

overflow: scroll;

请坐。。这就可以了。

试试这个,可能对你有帮助:-


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

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

注意:这需要进行适当的测试,因为它不适用于许多场景。但是,如果您有一个简单的页面,并且了解页面布局和css定位的基本知识,那么它就可以做到这一点


既然您需要一个插件或其他东西,试试看,这将很容易实现,并且可以处理许多定制等,浏览文档。但是,如果您的需求仍然简单,这可能会有些过分。

我使用Maddy的演示表创建了一个解决方案,希望您不介意:

使用范围输入并将输入事件的处理程序绑定到该范围。然后可以使用jquery的.scrollLeft来滚动表

通过这种方式,您可以将滚动条定位到任何您想要的位置,甚至可以按照您想要的方式设置滚动条的样式


fiddle

在添加到JSFIDLE的链接时,请不要试图规避包含代码的要求。这是有原因的。如果JSFIDLE关闭,您的问题将无法回答。这不会修复页面底部的水平滚动条
<div style="width: 300px;overflow: scroll;height:400px">
    <div>
        <div style="height: 100%;">
            <table class='sample'>