Javascript 如何使水平div滚动条像固定CSS div一样浮动
我试图找到显示非常宽和长的表的解决方案。 我的页眉和页脚是通过CSS样式Javascript 如何使水平div滚动条像固定CSS div一样浮动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图找到显示非常宽和长的表的解决方案。 我的页眉和页脚是通过CSS样式position:fixed固定的其中作为我的容器可以灵活地包含任意数量的数据。下面是我的页面布局 标题 货柜组 我的桌子 除夕 页脚 我已经使container div可以水平滚动,但是要找到滚动条,我必须向下滚动,直到我上下文中的整个页面或表格结束 因此,无论如何,我可以使我的滚动条出现在浏览器窗口的末尾之前,或者换句话说,我使它像我的页眉和页脚一样固定,这样我就不需要向下滚动整个页面来查找我的表数据 如果你能为
position:fixed固定的代码>其中作为我的容器可以灵活地包含任意数量的数据。下面是我的页面布局
标题
货柜组
我的桌子
除夕
页脚
我已经使container div可以水平滚动,但是要找到滚动条,我必须向下滚动,直到我上下文中的整个页面或表格结束
因此,无论如何,我可以使我的滚动条出现在浏览器窗口的末尾之前,或者换句话说,我使它像我的页眉和页脚一样固定,这样我就不需要向下滚动整个页面来查找我的表数据
如果你能为我提供任何帮助,我将不胜感激
编辑
以下是图片供您帮助
滚动前的图像
向下滚动后的图像
您可以尝试将表格的高度设置为窗口的总高度,以便在登录页面时,页面由带有水平和垂直滚动条的div组成。将div设置为width:100%;高度:780px代码>(我的窗口高度)
标题{
排名:0;
}
页脚{
底部:0;
}
页眉、页脚{
位置:固定;
背景:番茄;
宽度:100%;
颜色:白色;
高度:20px;
文本对齐:居中;
}
div{
位置:固定;
顶部:20px;
溢出:自动;
底部:20px;
宽度:100%;
}
运输署{
空白:nowrap;
}
桌子{
边界塌陷:塌陷;
}
运输署{
边框:1px纯黑;
}
标题
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
一些数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集数据集
页脚
jsfiddle演示将不胜感激。无论如何,如果没有一些技巧,你不能改变滚动条的实际位置javascript@Aziz看看我刚刚上传的图片。如果你用javascript提供一个可行的解决方案没有问题,但是CSS将是首选解决方案在你的情况下似乎是可行的,但在我的情况下,表冻结在没有滚动的位置。最后你救了我一天!