当前位置 : 主页 > 网页制作 > css >

CSS中的水平滚动条

来源:互联网 收集:自由互联 发布时间:2021-06-13
我一直试图在我的上下文部分添加一个滚动条,只允许框在观察者屏幕的可见范围内水平滚动,而不是垂直. 有没有人知道在流畅的CSS布局设计中在div中具有可滚动内容的任何代码? 此外
我一直试图在我的上下文部分添加一个滚动条,只允许框在观察者屏幕的可见范围内水平滚动,而不是垂直.

有没有人知道在流畅的CSS布局设计中在div中具有可滚动内容的任何代码?

此外,这里是一个链接到一个网站,具有我试图重新创建的精确滚动效果:http://patrickhoelck.com/home.html

你可能想看看 overflow-x: scroll,如果内容太宽,它会在父节点上设置一个固定的大小,强制一个水平滚动条.

一些示例html:

<div style="width: 50px; overflow-x: scroll">
    <p>Hello world!</p>
    <p>Here is a div with a horizontal scrollbar!</p>
</div>
网友评论