Welcome to ZaiNaLe Developer Community-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.0k views
in Technique[技术] by (71.8m points)

网站在用手机Chrome浏览器登录的时候,有一条奇怪的黑线

小白帮别人做了一个SHOPIFY的皮肤,发现在用chrome手机浏览器浏览的时候,有一条黑线。黑线上下位置固定,左右会根据手指拖动网页的方向做反方向移动,上下滚动的时候才会出现,静止页面一会就消失了。Safari手机浏览器,微信内置手机浏览器看不到这个黑线。

请问这是什么东西?要怎么样才能隐藏或关闭?

谢谢大家。

image
image


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

看上去是横向滚动条啊,没觉得和右侧的竖向滚动条长一个模样么?

某个元素超出父元素宽度了,父元素还没 overflow: hidden;,就会有横向滚动条。

你要是实在找不到是哪个元素,干脆直接覆写 ::-webkit-scrollbar(是个 Chrome 私有的 CSS 伪元素),把整个滚动条隐藏掉吧。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to ZaiNaLe Developer Community-Open, Learning and Share
...