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

Question

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

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

谢谢大家。

Answer 1

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

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

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