CSS滚动条在手机模式下左上角显示多余像素

首先贴出问题的图片
真机运行效果.png
PC运行效果.png

如上两图所示,我在一个Popup里面放了一个List,当List长度大于我所限制的最大长度是会显示一个滚动条。但是很明显,图里的List只有一条,所以理论上是不应该显示滚动条的
不过问题不是滚动条隐藏或者显示的问题,而是多出的那个黑块....
这是chrome开发者工具下的效果
chrmoe开发者工具手机状态显示.png
样式代码

.manage-popupCenter_BodyScroll{
  max-height: 75vh;
  padding:5px 10px;
  overflow-y:scroll;
  ::-webkit-scrollbar{
    display: none
  }
}

开发者工具截图
开发者工具截图.png

在触发滚动条效果的时候左上角黑块就会消失...
这个Popup我用的是YDUI的(虽然已经不维护了...)

阅读 2.2k
1 个回答

manage-popupCenter_BodyScroll 里面,overflow-y: scroll 改成 auto


如果有帮到你,可以点赞采纳打赏哦~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题