使用ul、li、div排版,如何实现横向滚动_html/css_WEB-ITnose
程序员文章站
2022-05-01 08:03:27
...
网页结构如下:
点击添加子节点后会自动在上图插入子节点,子节点结构与上图中ul的结构相同。具体见下图:
随着不断插入子节点,页面宽度会越来越宽,但是一旦达到浏览器的宽度后就会自动换行,这样原来的结构就会发生改变,我想要的效果是不换行,如果超出浏览器宽度,页面可以横向滚动。
未超出浏览器宽度之前:
超出浏览器宽度之后:
谁知道如何解决这个问题?
看后两张图,一旦页面宽度超过浏览器宽度,页面就会自动换行,但是这样会破坏原来的结构,我希望的效果是,页面宽度超出浏览器后,自动出现水平滚动条,可以左右拖动页面,不破坏原有页面的结构。
点击添加子节点后会自动在上图插入子节点,子节点结构与上图中ul的结构相同。具体见下图:
随着不断插入子节点,页面宽度会越来越宽,但是一旦达到浏览器的宽度后就会自动换行,这样原来的结构就会发生改变,我想要的效果是不换行,如果超出浏览器宽度,页面可以横向滚动。
未超出浏览器宽度之前:
超出浏览器宽度之后:
谁知道如何解决这个问题?
回复讨论(解决方案)
你贴的代码让我看不懂……这跟滚动有关系吗
http://www.jq22.com/plugin/3498/demo
看看这个。
你贴的代码让我看不懂……这跟滚动有关系吗
看后两张图,一旦页面宽度超过浏览器宽度,页面就会自动换行,但是这样会破坏原来的结构,我希望的效果是,页面宽度超出浏览器后,自动出现水平滚动条,可以左右拖动页面,不破坏原有页面的结构。
动态改变body宽度后会浏览器会出现滚动条的,你横向滚动条被禁用了,或者说body宽度是100%?