Смотри! красный верхний пробел при переполнении x: auto; быть активирован. Как убрать это пространство и все же скользить по представлению на мобильном телефоне?
HTML
<div class="content">
<ul class="crumb no-scrollbar">
<li>Home</li>
<li>Category1</li>
<li>Category2</li>
<li>Category3</li>
<li>Category4</li>
<li>Category5</li>
<li>Category6</li>
<li>Category7</li>
<li>Category8</li>
<li>Category9</li>
<li>Category9</li>
</ul>
<div class="desr">
</div>
</div>
CSS
.crumb {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
white-space: nowrap;
}
.crumb li {
display: inline-block;
}
.desr {
height: 500px;
background-color: red;
}
.no-scrollbar::-webkit-scrollbar{
width: 0;
}
.no-scrollbar::-webkit-scrollbar-track{
background:transparent
}
.no-scrollbar::-webkit-scrollbar-thumb{
background:transparent
}
Скрипка: http://jsfiddle.net/nposqt8x/