Links under view tabs not working

hi, currently i’m developing a app consisting of toolbar at the bottom. The problem i’m facing is that whenever i’m clicking on the link, the toolbar disappear and the new page comes to screen. Is it a normal behavior?

what i want is the tab to be fixed on every page irrespective of page changes. After searching a lot, i came accross " Common Toolbar" but after implementing it, any link under the “view tab tab-active” is not working.

<div id="app">    
  <div class="views tabs">
    <div class="navbar">
    <div class="navbar-inner">
      <div class="left">
        <a href="#" class="link icon-only panel-open" data-panel="left">
          <i class="icon f7-icons if-not-md">menu</i>
          <i class="icon material-icons md-only">menu</i>
        </a>
      </div>
      <div class="title sliding">Testing</div>
      <div class="right">
        <a class="link icon-only searchbar-enable" data-searchbar=".searchbar-components">
          <i class="icon f7-icons if-not-md">search</i>
          <i class="icon material-icons md-only">search</i>
        </a>
      </div> 
    </div>
  </div>

    <!-- Views common toolbar / tabbar -->
    <div class="toolbar tabbar tabbar-labels toolbar-bottom">
      <div class="toolbar-inner">
        <a href="#tab-1" class="tab-link tab-link-active">
          <i class="material-icons">home</i>
          <span class="tabbar-label">Home</span>
        </a>
        <a href="#tab-2" class="tab-link">
          <i class="material-icons">grid_on</i>
          <span class="tabbar-label">Category</span>
        </a>
        <a href="#tab-3" class="tab-link">
          <i class="material-icons">toys</i>
          <span class="tabbar-label">Contests</span>
        </a>
        <a href="#tab-4" class="tab-link">
          <i class="material-icons">person</i>
          <span class="tabbar-label">Account</span>
        </a>
        
      </div>
    </div>

    <div class="view tab tab-active" id="tab-1">
      <a href="/about/" class="link">about</a>
    </div>
    <div class="view tab" id="tab-2">...</div>
    ...
  </div>    

The link on the navbar to open the left sidebar is also not working. All the link in the page stopped working somehow. Pleas help me…

I want to show the tab in all the pages and if I’m currently in child page, if i click on the tab, it will again return to the initial page i.e the tab id section.

Any help will be greatly appreciated.

How do you create “view”?