DIV 滚动条如何只显示横向不显示纵向？

如题..

2024-12-21 23:41:14

推荐回答（5个）

回答1：

只需要用到css的一个overflow:auto的属性就可以实现这效果了。

怎么只显示横向的滚动条？

可以设置：overflow-x:scroll,或者：overflow-y:hidden即可实现这个效果。

同理如果overflow-y:scroll或者：overflow-x:hidden是只显示竖的滚动条，不显示横向的滚动条。

提示：如果设置横向滚动条的时候，一直不显示横向拉的那个条是因为你的内容还不足以让它显示出来，如果是文字的话，它自动换行了，所以就不显示，当设置white-space:nowrap；（不换行）的时候，内容超出就会出现。

回答2：

很简单，用CSS样式把水平滚动条隐藏起来。但是这个兼容性我还没有测试过。
水平滚动条隐藏： html{overflow-x:hidden}
同理,竖直滚动条隐藏：html{overflow-y:hidden}

回答3：

你把纵向的值为none,就Ok了

回答4：

这样就可以了吧。overflow-y:scroll; overflow-x:hidden

回答5：

dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa
dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa

代码给你了好好看看 :)

DIV 滚动条 如何只 显示横向 不显示纵向？

DIV 滚动条如何只显示横向不显示纵向？