js设置横向滚动条

Posted 2023-05-07

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

参考技术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;



```