A short introduction is, I have created a website where I have 3 divs positioned horizontally on mobile devices (see image below), done with help from Bootstrap's carousel and a swipe function added on top from avinoamr's repo: https://github.com/avinoamr/bootstrap-carousel-swipe
Problem now is that I'm trying to add function by clicking the "Tab1", "Tab2", "Tab3" buttons on top-menu to get to the respective divs on the same page by using the href #:
<li class="col-sm-4"> <a href="#tab2">Tab2</a> </li>
...with divs like this one:
<div id="tab2" class="item active"> <div class="col-sm-12 yellow" id="yellow"> </div> </div>
...but for some reason it doesn't trigger the jump. Any idea?
You can see the original syntax here: https://jsfiddle.net/wmvx1p9t/2/