I have a simple Horizontal Menu more like tabs.. I want it to work like a BBC app tab menu, So that when menu has more items it will allow horizontal scrolling in both directions.
Same of my code is here http://codepen.io/anon/pen/GZRaee
I tried it few thing but nothing seems to work Like i wrapped the menu in div with fixed width and tried to make it scroll-able but that didn't work as it always adds scroll-bar. I tried to make it carousel which didn't work for me either.
Is there any similar plug for HTML based website. Nav bar used by BBC app is quite common in app, I wish i can have something similar for HTML based webpage for mobile version.
<div class=tab-nav-wrapper>
<ul>
<li class=one><a href=#>MenuONE</a></li>
<li class=two><a href=#>MTWO</a></li>
<li class=three><a href=#>THREE</a></li>
<li class=four><a href=#>FOUR</a></li>
<li class=five><a href=#>MenuFIVE</a></li>
<hr />
</ul>
</div>
<div class=tab-content-wrapper>
<div class=tab1-c>
<p>This is ONE.</p>
</div>
<div class=tab2-c>
<p>This is TWO</p>
</div>
<div class=tab3-c>
<p>This is THREE</p>
</div>
<div class=tab4-c>
<p>This is FOUR</p>
</div>
<div>