表格超出不现实纵向滚动条

Posted 2023-05-16

参考技术A 操作如下：
1、设置一个1行1列的固定宽度表格，把要在网页中显示的内容全部放在这个表格中。2、当浏览器显示不下这个表格时，自己会把滚动条显示出来。

css Div在页面中纵向固定，不随滚动条滚动，横向随滚动条滚动

纵向固定在左上角，横向可以滚动

可能会分3种情况：
1、浏览器的窗体滚动，这个估计每个浏览器都不一样，记得以前IE中纵向不超屏幕，横向超过一屏，用滚轮就横着滚，没测试。
2、iframe中的窗体滚动。
3、div中的内容overflow滚动。

1是随着屏幕分辨率计算，比较难控制。
2与3是可以用宽度高度控制，也可以由js判断初始化或者后续控制。

有了这些基础后，推荐使用js进行控制，当scroll的时候把y轴的变化转换到x轴上，根据以上情况的不同，控制好用户体验。追问

不明白

追答

试试理解吧，或者提出你的不明白之处。

参考技术A 你是说的背景吗？
position:flex
生成绝对定位的元素，相对于浏览器窗口进行定位。 参考技术B 使用position:flex；