bootstrap-4 bildlauffähigen dropdown
Ich habe ein problem mit meinem drop-down-Menü auf kleineren Geräten. ich, die nicht scrollen können, wenn ich habe versucht die Lösung hier (das ist overflow:auto/overflow-y:scroll) funktioniert es nicht, selbst wenn ich !wichtig. Was ich in der Lage bin zu scrollen, war mein Haupt-Seite, auch wenn das Dropdown geöffnet ist.
<nav class="navbar navbar-toggleable-sm ">
<button class="navbar-toggler navbar-toggler-right main-navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav-collapse" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
<a class="navbar-brand animation" data-animation ="fadeInLeft" href="#"><img src="/093017/img/logo-tmi.png" alt="logo"/></a>
<div class="collapse navbar-collapse" id = "main-nav-collapse" >
<ul class="nav navbar-nav navbar-main mr-auto mt-2 mt-md-0 animation" data-animation = "fadeInRight">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Vehicles</a>
<div class="dropdown-menu default-menu main-menu sm-main-menu animation" data-animation = "fadeIn">
<!-- Nav tabs -->
<div class="sm-main-nav" >
<a class="dropdown-item" href="#">Cars</a><hr>
<a class="dropdown-item" href="#">Vans & Pickup</a><hr>
<a class="dropdown-item" href="#">SUVs & Crossover</a><hr>
<a class="dropdown-item" href="#">MPVs</a><hr>
<a class="dropdown-item" href="#">Hybrid</a><hr>
<a class="dropdown-item" href="#">Performance</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link " href="#">Owners</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#">Promotions</a>
</li>
</ul>
</div>
- haben Sie versucht
overflow: scroll
und geben Sie Ihre nav genug Höhe?
Du musst angemeldet sein, um einen Kommentar abzugeben.
nur Sie können die Verwendung von @Medien im css -
Max-height statt height:
Können Sie eine benutzerdefinierte Klasse für die Bildlaufleiste für die dropdown-Liste.
Dies ist die benutzerdefinierte css-Klasse.
überprüfen Sie diese JSFIDDLE