1.解决方案
在滚动元素上再包裹一个父元素,然后,该元素添加如下代码:
(注:PC端浏览器滚动条为8px)使元素偏移原来位置8px,目的就是将滚动条区域移动到父元素边框外面,然后,父元素上添加overflow:hidden
即可
margin-right: -8px;
margin-bottom: -8px;
height: 100%;
overflow: scroll;
2.示例代码
.menus-part--wrapper{height: calc(100vh - 80px) !important;overflow: hidden;.menus-part-content{margin-right: -8px;margin-bottom: -8px;height: 100%;overflow: scroll;}
}
3.效果
选中元素后,绿色区域就是被移动到父元素外的滚动条。