html - Bootstrap Carousel auto-scrolls whole page when changing slides -
i'm trying add bootstrap carousel our existing website www.121studios.ca. carousel works fine except page scrolls carousel lines top of browser. think has navbar , way auto-scrolls section select.
https://jsfiddle.net/zocpu8oo/5/
this code navbar, i'm not sure why scrolls though carousel section isn't included. (quick note: carousel between section , membership section if makes different)
(before click next)
(after click next)
<header id="header" class="light"> <!-- logo: delete "class="logo"" remove logo or upload own logo "assets/images". --> <a id="logo" href="#intro"></a> <!-- navigation: each item below must correspond "section" id's defined below. --> <ul id="navigation"> <li class="current"><a href="#intro">home</a></li> <li><a href="#about">about</a></li> <li><a href="#menu">membership</a></li> <li><a href="#locations">locations</a></li> <li><a href="#news">news</a></li> <!-- <li><a href="http://121studios.tumblr.com">blog</a></li> --> </ul> </header>
its because navigation position: fixed
- if add margin-top: 100px
#intro
works planned
Comments
Post a Comment