Javascript 如何使水平滚动条始终位于屏幕底部?

Javascript 如何使水平滚动条始终位于屏幕底部?,javascript,html,css,Javascript,Html,Css,我在一页上有两个div,一个在左边,另一个在右边..右边的div有许多动态生成的标记,所以这个div下面有一个水平滚动条(overflow:auto)。现在这个div的高度超过了可见页面的高度,所以在右边有一个垂直滚动条。因此,用户必须滚动到页面底部才能获得水平滚动条……因此,我希望滚动条浮动在屏幕底部,而不是页面,这样用户就可以始终访问水平滚动条。只需执行body{overflow-x:scroll;}和水平滚动条将始终存在。 //您想要这样的东西。没有办法操纵溢出的位置,它总是在它所在的di

我在一页上有两个div,一个在左边,另一个在右边..右边的div有许多动态生成的标记,所以这个div下面有一个水平滚动条(overflow:auto)。现在这个div的高度超过了可见页面的高度,所以在右边有一个垂直滚动条。因此,用户必须滚动到页面底部才能获得水平滚动条……因此,我希望滚动条浮动在屏幕底部,而不是页面,这样用户就可以始终访问水平滚动条。

只需执行
body{overflow-x:scroll;}
和水平滚动条将始终存在。

//您想要这样的东西。没有办法操纵溢出的位置,它总是在它所在的div的底部。因此,如果希望溢出位于底部,则需要将div置于底部。
//注意:您可以始终使用flexbox来更快、更方便地对齐内容。我在这里使用它不是为了其他不知道flexbox是什么的人。
#div1,#div2{
框大小:边框框;
位置:绝对位置;
排名:0;
底部:0;
宽度:50%;
填充:1em;
保证金:0;
边框:2倍实心;
}
#第一组{
左:0;
边框颜色:红色;
}
#第二组{
左:50%;
边框颜色:蓝色;
溢出-x:滚动;
空白:nowrap;
}

第一组
第2部分(大量内容)
Lorem ipsum dolor sit amet,奉献精英。马格尼·奎德姆减去多洛雷姆格的奥特姆。代表发明者福吉特(fugit)的执行董事(Delecuts perferendis),代表所有权利,代表所有权利。代表所有权利,代表所有权利。马格尼·奎德姆减去多洛雷姆格的奥特姆。产气不足的人,发明者福吉特(fugit quas repellat)的自愿者,在福吉亚(fugiat quas repellat)中的解决方案。

您还没有完全了解您要做的事情,您正在尝试创建自定义滚动条吗?请出示你的代码,我们可以得到一个网站链接吗?不要把高度弄得太高。您可以尝试绝对定位div设置底部:0;如果你的页面有很多其他内容,你就必须要有创意。总是放一个JSFIDLE,它鼓励读者尝试。看看这个,它可能是一个更好的解决方案:我尝试了上面的解决方案,但没有帮助,因为我的目标不是总是有一个水平滚动条…我想要的是当内容比屏幕多时,即使在向下滚动页面时,水平滚动条也应始终位于屏幕底部。。。。。