水平滾動不顯示酒吧

我想通過水平滾動來顯示菜單列表。所以我寫的代碼如下：水平滾動不顯示酒吧

.sub-menu { 
    overflow-x: scroll; 
    overflow-y: hidden; 
    white-space:nowrap; 
} 

.menu.navbar-nav li{ 
    width: 22%; 
    text-align: center; 
    display:inline-block; 
    vertical-align:top; 
}

但它是水平顯示一個酒吧，但我想消失它。請參閱。

你能告訴我有人如何刪除它。

HTML

<div class="mobile-menu temp-mobile-menu visible-xs"> 
<div class="sub-menu"> 
    <ul class="menu nav navbar-nav" id=""> 
     <li class="active"><a href="/bn" class="first leaf home active">Home</a></li> 
     <li><a href="/bn/tonic-doctor" class="leaf doctor">Doctor</a></li> 
     <li><a href="/bn/tonic-benefits" class="leaf benefits">Benefits</a></li> 
     <li><a href="/bn/packages" class="leaf packages">Packages</a></li> 
     <li><a href="/bn/health-topics" style="swiper-slide" class="last leaf স্বাস্থ্য-প্রসঙ্গ">স্বাস্থ্য প্রসঙ্গ</a></li> 
    </ul>  
</div> 
</div>

更新CSS

.mobile-menu { 
    overflow: hidden; 
} 
.sub-menu { 
    min-height: 44px; 
    white-space: nowrap; 
    overflow-x: scroll; 
} 
.menu.navbar-nav li { 
width: 22%; 
text-align: center; 
display: inline-block; 
vertical-align: top; 
}

來源

2017-03-06 StreetCoder

'溢出-X：隱藏; ' –

[隱藏HTML頁面上的滾動條]可能的重複（http://stackoverflow.com/questions/3 296644 /隱藏滾動條在html頁面） –

我會特別指出你[這個答案]（http://stackoverflow.com/a/25561646/2117156） –

overflow-x: scroll;意味着你的水平滾動條是可見的。

如果你想刪除它，使用overflow-x: hidden;

順便說一句，如果你想水平和垂直滾動條被隱藏，只需使用：overflow: hidden;

如果你想隱藏滾動條，但保持滾動功能，添加一個名爲CSS class一個maindiv您div元素sub-menu和使用上面：

.maindiv{  
    overflow: hidden; 
} 

.sub-menu{ 
    width: 100%; 
    height: 100%; 
    overflow-x: scroll; 
    padding-bottom:20px; 
}

來源

2017-03-06 10:46:52

我想隱藏欄保留水平滾動 – StreetCoder

查看我更新的答案。 –

我按照你的說法做了，但它不起作用。我在我的問題中添加了html。 – StreetCoder

嘗試改變overflow-x: scroll;到overflow-x: hidden;你.sub-menu類

編輯：這個類添加到CSS文件：

::-webkit-scrollbar { 
 
width: 0px; /* remove scrollbar space */ 
 
background: transparent; /* optional: just make scrollbar invisible */ 
 
}

Working JSFiddle example

來源

2017-03-06 10:47:47 Marco

我想隱藏欄保持橫向滾動 – StreetCoder

如果你不能用@Koby Douek解答，你可以通過更新你的答案來顯示html代碼嗎？ – Marco

我也更新了html – StreetCoder

水平滾動不顯示酒吧

回答

相關問題