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

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -