How to fix navbar at top in swiping tabs?

Questions
1

I placed navbar inside swiping tabs with following tabs:-

<div id="tab-2" class="page-content infinite-scroll-content tab">
   <div class="navbar">
     <div class="navbar-bg"></div>
     <div class="navbar-inner sliding">
        <div class="left"></div>
        <div class="title">Explore</div>
     </div>
   </div>
</div>

Since navbar lies inside .page-content, i’m unable to create fix navbar. I tried setting its position:fixed but it clubs all navbar present in different tabs together.
Is there any wat to do so?

2

You can not put fixed navbar inside of page content, you may need additional wrapper with some custom styles to make it work:

<div classs="tab">
  <div class="navbar">...</div>
  <div class="page-content">...</div>
</div>
3

I did some changes with your suggestion and now it works like charm:-

<div classs="tab">
   <div class="navbar">...</div>
   <div class="page-content" style="padding-top:0px">...</div>
 </div>
1 Like