js设置横向滚动条

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js设置横向滚动条相关的知识,希望对你有一定的参考价值。

窗口缩小后就这样了,我想给页面设置一个窗口缩小后自动出现的横向滚动条,求大神指教。

参考技术A 用不着js,给最外层的div加一个min-width就可以了,这样设置后 当页面屏宽度缩小后,会自动出现滚动条。追问

给body吗?

追答



XXXXXXXXXXXXXXXXXXXXX

解释一下- -:最外层最大宽度为1000px,最大高度为300px;内层div宽为900(其实一千以内都正常情况下都不会显示滚动条,缩小屏幕 即屏幕大小小于1000后,自动出现滚动条),高同理。

本回答被提问者采纳
参考技术B 你这个是没有设定固定的宽度所以就成这样了。当你设定了固定的宽度后。缩小窗口,就会出现横向的滚动条。 参考技术C 你说的横向滚动,是横向滚动条是吧?追问

对,就是最大化的时候不出现,窗口化之后自动出现的那种横向滚动条

追答

楼下已解释!

el-scrollbar隐藏横向滚动条

参考技术A 1. el-scrollbar style="height:100%"

2. 不要在scoped私有变量添加

```

.el-scrollbar__wrap    

    overflow-x: hidden;



```

在app.vue 或者公共的css加入。

以上方法来自网络,亲测无法生效,请尝试

```

.el-scrollbar__wrap    

    overflow-x: hidden!important;



```



```

::v-deep .el-scrollbar__wrap    

    overflow-x: hidden;



```

以上是关于js设置横向滚动条的主要内容,如果未能解决你的问题,请参考以下文章

如何固定table的第一行,不随纵向滚动条滚动,但能横向滚动

JQ 如何判断横向滚动条到最右侧

h5页面在手机端禁用横向滚动

在winform中,如何为DatagridView设置横向滚动条

怎样隐藏横向滚动条

jquery插件slimScroll有大神知道横向滚动条怎么设置出来吗