-webkit-overflow-scrolling：touch显示水平滚动条

Question

我使用了＆＃34; -webkit-overflow-scrolling：touch＆＃34;在屏幕上顺利滑动移动（IOS设备）。我的页面有5个列表项，需要顺利滑动。添加了类＆＃34; -webkit-overflow-scrolling：touch＆＃34;可以看到一个水平滚动条，在我完成滑动或从设备上移开手后，它会消失。

我尝试过使用overflow-y隐藏，但这并没有帮助

如何禁用此水平滚动条？

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 ....