-webkit-overflow-scrolling：触摸显示水平滚动条答案

【问题标题】：-webkit-overflow-scrolling: touch shows horizontal scroll bar-webkit-overflow-scrolling：触摸显示水平滚动条
【发布时间】：2016-01-28 23:23:41
【问题描述】：

我已使用“-webkit-overflow-scrolling: touch”在移动设备（IOS 设备）的屏幕上平滑滑动。我的页面有 5 个列表项，需要平滑滑动。添加类后“-webkit-overflow” -scrolling: touch" 可以看到水平滚动条在我完成滑动或从设备上移开手后消失。

我尝试过使用overflow-y hidden 但这没有帮助

如何禁用这个水平滚动条？

【问题讨论】：

你能提供一些代码吗？

标签： touch overflow horizontal-scrolling

【解决方案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 ....

【讨论】：