-webkit-overflow-scrolling: touch показывает горизонтальную полосу прокрутки

Question

Я использовал «-webkit-overflow-scrolling: touch», чтобы иметь гладкую салфетки на экране для мобильных устройств (устройство IOS). Моя страница содержит 5 элементов списка и нужна для прокрутки гладко. После добавления класса «-webkit-overflow-scrolling: touch» Можно увидеть горизонтальную полосу прокрутки, которая исчезает после того, как я завершу свой салфетки или удалю руку с устройства.

Я попытался с помощью переполнения у скрытым, но это не помогает

Как отключить эту горизонтальную полосу прокрутки?

Answer 1

<div class="nav-tablist"> 
<ul class="nav-listitems" id="tab-controls" role="tablist"> 
<li class="nav-item active" > 
<a href="" class="navtab-link active" id="Home" aria-controls="tabs_Home" role="tab" tabindex="0" aria-selected="true">Home  </a> 
</li> 
<li class="nav-item" > 
<a href="" class="navtab-link " id="aboutus" aria-controls="tabs_aboutus" role="tab" tabindex="-1" aria-selected="false">aboutus           
</a>          
</li> 
<li class="nav-item" > 
<a href="" class="navtab-link " id="help" aria-controls="tabs_help" role="tab" tabindex="-1" aria-selected="false">help   </a>         
</li> 
<li class="nav-item" > 
<a href="" class="navtab-link " id="contact" aria-controls="tabs_contact" role="tab" tabindex="-1" aria-selected="false"> Stores           
</a>          
</li> 
<li class="nav-line" aria-hidden="true" style="width: 48px; left: 0px;"></li></ul> 
</div> 

Here is my code ....