title: Left side menu with scroll bar when click on menu link then scroll bar move its not show scroll bar near to the clicked menu
body: <p>Left side menu with scroll bar when click on menu link then scroll bar move not show scroll bar near to the clicked menu.
  As u can see in <a href="http://www.w3school.com" rel="nofollow noreferrer">w3schools</a> site when clicked  on side menu then scroll bar again comes on its same position on which menu we have clicked. I want same work as show by me a menu list in which  tag with list item <li> I have used scroll bar class of .scroll_text_menu 
  now my question is when I clicked on scroll bar menu than its goes upper side not leaves near clicked menu </p>
  
  <p><strong>Code:</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.scroll_text_menu {
    height: 640px;
    overflow-y: scroll;
    line-height: 1px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="sidebar-menu" class="main_menu_side hidden-print main_menu "&gt;
    &lt;div class="menu_section"&gt;
      &lt;h3&gt;&lt;a href="&lt;?php echo base_url(); ?&gt;dashboard"&gt;Dashboard&lt;/a&gt;&lt;/h3&gt;
      &lt;?php
                                          $userType = $this-&gt;session-&gt;userData('userType');
                                          ?&gt;
        &lt;ul class="nav side-menu scroll_text_menu"&gt;
          &lt;?php if ($userType == 1) { ?&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;account"&gt;&lt;i class="fa fa-bank"&gt;&lt;/i&gt; Account Management &lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Training_program_exercise"&gt;&lt;i class="fa fa-file-text" &gt;&lt;/i&gt; Training Program&lt;/a&gt;
          &lt;/li&gt;
          &lt;?php } ?&gt;
  
          &lt;?php if (in_array($userType, array("1", "2"))) { ?&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;coach"&gt;&lt;i class="fa fa-user-md" style="font-size:19px"&gt;&lt;/i&gt; Coach Management &lt;/a&gt;
          &lt;/li&gt;
          &lt;?php } ?&gt;
  
  
  
          &lt;?php if (in_array($userType, array("1", "2", "3"))) { ?&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Athlete1"&gt;&lt;i class="fa fa-user" &gt;&lt;/i&gt; Athlete Management &lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;team"&gt;&lt;i class="fa fa-users"  style="font-size: 17px;"&gt;&lt;/i&gt; Team Management &lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/exercise_parent_type"&gt;&lt;i class="fa fa-houzz"  style="font-size:20px"&gt;&lt;/i&gt; Exercise Parent Type&lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/exercise_type"&gt;&lt;i class="fa fa-th-large" aria-hidden="true"&gt;&lt;/i&gt; Exercise Types&lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Athlete_exercise"&gt;&lt;i class="fa fa-wheelchair-alt"&gt;&lt;/i&gt; Exercise &lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/Exercise_sets"&gt;&lt;i class="fa fa-columns" aria-hidden="true"&gt;&lt;/i&gt; Exercise Sets&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;training"&gt;&lt;i class="fa fa-users" style="font-size: 17px"&gt;&lt;/i&gt; Training Plan &lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/Planprograms"&gt;&lt;i class="fa fa-map-o" style="font-size: 17px"&gt;&lt;/i&gt; Programs Plans&lt;/a&gt;
          &lt;/li&gt;
  
  
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/privacyPolicySelect"&gt;&lt;i class="fa fa-lock" &gt;&lt;/i&gt; Privacy Policy&lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/selectQquestion"&gt;&lt;i  class="fa fa-question-circle-o"  aria-hidden="true" &gt;&lt;/i&gt;&lt;span &gt; Questionnaire&lt;/span&gt;&lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/answers"&gt;&lt;i class="fa fa-file-text-o"&gt;&lt;/i&gt; User Answer&lt;/a&gt;
          &lt;/li&gt;
  
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;School"&gt;&lt;i class="fa fa-building-o" &gt;&lt;/i&gt; School&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/Position_title"&gt;&lt;i class="fa fa-newspaper-o" aria-hidden="true"  &gt;&lt;/i&gt; Position Title&lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/Sports"&gt;&lt;i class="fa fa-futbol-o" &gt;&lt;/i&gt; Sports&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="&lt;?php echo base_url(); ?&gt;Index/Language"&gt;&lt;i class="fa fa-language"&gt;&lt;/i&gt; Languages&lt;/a&gt;
          &lt;/li&gt;
  
          &lt;?php } ?&gt;
  
          &lt;?php } ?&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>