내 문제를 설명해 드리겠습니다.부트 스트랩 3 뒤집기와 함께 회전 목마 문제
웹 사이트를 구축 중이며 여기에 http://www.greekorama.gr 링크가 있습니다. 회전판 carousel과 navbar navbar-top-fixed에 문제가 있습니다.
사이드 스크롤바를 사용하여 아래로 스크롤하면 모든 것이 정상입니다.
하지만 마우스 스크롤 버튼을 사용하여 아래로 스크롤하려고하면 상단 네비게이션이 튀어 나오고있는 것을 볼 수 있습니다.
스크롤을 시도하면 내가 말하는 것을 볼 수 있습니다.
4 페이지에서 발생합니다. 그것은 그리스어 언어에있어, 여기에 의미가
1) Αρχική Σελίδα = 홈 페이지
2) Παραγωγοί/Προϊόντα = 제품/생산자
3) Καταλύματα = 방을
4) Επιχειρήσεις = 비즈니스
Google 크롬 및 Opera 브라우저 (IE, Safari 및 Firefox의 경우 모두 괜찮음)에서 만 발생합니다.
웹킷이 계속 진행되고 있다고 가정합니다. 그러나 나는 무엇을 발견 할 수 없다.
회전이 회전 목마 아래에서만 발생합니다. 나는 아래로 스크롤하면 회전 목마가 navbar 뒤에서 사라지고, 그 순간 navbar가 뒤집기 시작한다는 것을 의미합니다.
우는 소리가 우는 소리가 회전 목마 코드
<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>
두 코드가 같은 파일에없는 것입니다 상단 고정 메뉴 바 코드
<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>
입니다. 그들은 서로 다른 파일에 있습니다. 4 개의 모든 회전식 캐 러셀 (위의 모든 페이지에 대해 하나씩)에는 동일한 코드가 있지만 유일한 차이점은 이미지 이름과 회전식 ID ("homeCarousel", "prodCarousel"등)입니다.
도움이 필요합니다. 미리 감사드립니다.
http://crbug.com을 통해 버그 리포트를 제출할 수 있습니까? –