使用uniapp的时候使用scroll-view标签不出现滚动条 我是用了scroll-view可以滚动，但是不出现滚动条，vue页面。 在调试中发现是被这个样式影响了。所以就需要自己写样式，代码如下就好了。 // 滚动条样式 /deep/ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px !important; height: 1px !important; overflow: auto !important; background: #ccc !important; -webkit-appearance: auto !important; display: block; } /deep/ ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background: #7b7979 !important; } /deep/ ::-webkit-scrollbar-track { /*滚动条里面轨道*/ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; // border-radius: 10px !important; background: #FFFFFF !important; }

使用uniapp的时候使用scroll-view标签不出现滚动条 我是用了scroll-view可以滚动，但是不出现滚动条，vue页面。 在调试中发现是被这个样式影响了。所以就需要自己写样式，代码如下就好了。 // 滚动条样式 /deep/ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px !important; height: 1px !important; overflow: auto !important; background: #ccc !important; -webkit-appearance: auto !important; display: block; } /deep/ ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background: #7b7979 !important; } /deep/ ::-webkit-scrollbar-track { /*滚动条里面轨道*/ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; // border-radius: 10px !important; background: #FFFFFF !important; }

使用uniapp的时候使用scroll-view标签不出现滚动条 我是用了scroll-view可以滚动，但是不出现滚动条，vue页面。 在调试中发现是被这个样式影响了。所以就需要自己写样式，代码如下就好了。 // 滚动条样式 /deep/ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px !important; height: 1px !important; overflow: auto !important; background: #ccc !important; -webkit-appearance: auto !important; display: block; } /deep/ ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background: #7b7979 !important; } /deep/ ::-webkit-scrollbar-track { /*滚动条里面轨道*/ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; // border-radius: 10px !important; background: #FFFFFF !important; }

使用uniapp的时候使用scroll-view标签不出现滚动条 我是用了scroll-view可以滚动，但是不出现滚动条，vue页面。 在调试中发现是被这个样式影响了。所以就需要自己写样式，代码如下就好了。 // 滚动条样式 /deep/ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px !important; height: 1px !important; overflow: auto !important; background: #ccc !important; -webkit-appearance: auto !important; display: block; } /deep/ ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background: #7b7979 !important; } /deep/ ::-webkit-scrollbar-track { /*滚动条里面轨道*/ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; // border-radius: 10px !important; background: #FFFFFF !important; }

使用uniapp的时候使用scroll-view标签不出现滚动条 我是用了scroll-view可以滚动，但是不出现滚动条，vue页面。 在调试中发现是被这个样式影响了。所以就需要自己写样式，代码如下就好了。 // 滚动条样式 /deep/ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px !important; height: 1px !important; overflow: auto !important; background: #ccc !important; -webkit-appearance: auto !important; display: block; } /deep/ ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background: #7b7979 !important; } /deep/ ::-webkit-scrollbar-track { /*滚动条里面轨道*/ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; // border-radius: 10px !important; background: #FFFFFF !important; }