道理我不懂,为什么这个滚动条这么细?

2023-04-20 16:49:10 +08:00
 weijar

分别滚动左边的.outer 的内容,及整个 body 的内容, .outer 这个滚动条为什么在移动浏览器上( chrome 、safari 、firefox 都一样)只有 1 个像素宽,几乎看不清。而 body 这个滚动条就很粗呢?

简直离谱😿一定是我哪里搞错了,因为我的 app 里同样的 absolute 定位的内容块滚动条就不细,app 代码太多一下子搞不明白,所以偷懒问一下谁知道原因?

在线地址: https://pubcn.oxyry.com/sw.html

<style>
.outer {
  position: absolute;
  background: #ffa;
  left: 0;
  top: 0;
  height: 200vh;
  width: 50vw;
  overflow: auto;
  overscroll-behavior: none;
}
.inner {
  height: 4000px;
  font-size: 300px;
  overflow: hidden;
}
</style>

<div class="outer">
  <div class="inner">
    The quick brown fox jumps over the lazy dog
  </div>
</div>
1336 次点击
所在节点    前端开发
2 条回复
liyang5945
2023-04-20 16:52:24 +08:00
兄弟,是你浏览器坏了,我的就是正常的
makelove
2023-04-20 17:04:44 +08:00
@liyang5945 在移动浏览器上

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/934090

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX