溢出-x：自动导致下面的多余空间？

Question

看这个！当“ overflow-x：auto;”时有一个红色的上部空白。被激活。如何删除此空间并仍然在移动设备上的视图上滑动？

HTML

FooString

CSS

Foo

提琴：http://jsfiddle.net/nposqt8x/

Answer 1

更改滚动条的height，如下所示：

.no-scrollbar::-webkit-scrollbar{
    width: 0;
    height: 0;
}

在应用溢出时效果完美。

JsFiddle link