позвольте мне объяснить вам мою проблему.Bootstrap 3 Проблемы с карусели с переворачиванием
Я создаю сайт (вот ссылка http://www.greekorama.gr), и у меня проблема с карусели carousel
и навигатором navbar-top-fixed
.
Если вы попытаетесь прокрутить вниз, используя боковую полосу прокрутки, все в порядке.
Но если вы попробуете прокрутить вниз с помощью кнопки прокрутки на вашей мыши, вы увидите, что верхняя панель навигации переворачивается.
Попробуйте прокрутить, и вы увидите, о чем я говорю.
Это происходит на 4 страницах. Это на греческом языке, здесь значения
1) Αρχική Σελίδα = Главная страница
2) Παραγωγοί/Προϊόντα = Продукция/Производители
3) Καταλύματα = Проживания
4) Επιχειρήσεις = Бизнес
Это только в браузерах Google Chrome и Opera (в IE, Safari и Firefox все в порядке).
Я предполагаю, что это что-то с webkit происходит. Но я не могу понять, что.
Перелистывание происходит только под карусель. Я имею в виду, когда вы прокручиваете вниз, а карусель исчезает за навигационной панелью, в этот момент навигатор начинает листать.
Беллоу топ-фиксированный код Navbar
<nav id="myNavbar" class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="a-brand" class="navbar-brand center-block" href="index.php?content=home" style="font-size: 1.3em; font-family:Garamond, Verdana, Helvetica, Geneva, sans-serif;">Δήμος Θεσσαλονίκης</a>
</div>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="nav navbar-nav center-block" id="ul-navmenu">
<li><a id="a-navbar" href="index.php?content=home"><span class="glyphicon glyphicon-home"></span> Αρχική Σελίδα</a></li>
<li><a id="a-navbar" href="index.php?content=product_search"><span class="glyphicon glyphicon-leaf"></span> Παραγωγοί/Προϊόντα</a></li>
<li><a id="a-navbar" href="index.php?content=accom_search"><span class="glyphicon glyphicon-tower"></span> Καταλύματα</a></li>
<li><a id="a-navbar" href="index.php?content=business_search"><span class="glyphicon glyphicon-briefcase"></span> Επιχειρήσεις</a></li>
<li><a id="a-navbar" href="index.php?content=links"><span class="glyphicon glyphicon-link"></span> Σύνδεσμοι</a></li>
<li><a id="a-navbar" href="index.php?content=contact_form"><span class="glyphicon glyphicon-envelope"></span> Επικοινωνία</a></li>
<form class="navbar-form navbar-right" role="search" id="search">
<div class="form-group">
<input type="text" style="font-family:Garamond, Verdana, Helvetica, Geneva, sans-serif;" class="form-control" name="username" placeholder="Αναζήτηση">
</div>
</form>
</ul>
</div>
</div>
</nav>
Беллоу код карусельного
<div class="homeCarousel hidden-xs">
<div id="myCarousel" class="carousel slide" data-interval="3000" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="active item">
<div class="carousel-caption">
<img src="images/thessaloniki1.jpg">
</div>
</div>
<div class="item">
<div class="carousel-caption">
<img src="images/alexander1.jpg">
</div>
</div>
<div class="item">
<div class="carousel-caption">
<img src="images/aristotelous1.jpg">
</div>
</div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
Оба коды не в том же файле. Они находятся в разных файлах. Все 4 карусели (по одной на каждую страницу, о которой я вам рассказывал выше) имеют один и тот же код, единственное отличие - имена изображений и идентификатор карусели («homeCarousel», «prodCarousel» и т. Д. И т. Д.).
Любая помощь приветствуется. Заранее спасибо.
Звучит как ошибка, не могли бы вы предоставить файл с исправлением ошибок (с минимальной тестовой записью, если возможно) на http://crbug.com? –