Fix scrolling issue when clicking on a link, #3

pylover · Feb 22, 2018 · 00b4bc8 · 00b4bc8
1 parent f9e4028
commit 00b4bc8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/practice/html/index.html b/practice/html/index.html
@@ -25,7 +25,7 @@ <h1 class="title">
           </p>
           <ul class="menu-list">
             <li v-for="(api, index) in apis" :key="index" @click="toggleMenu(index)">
-              <a :class="{'is-active': activeMenu === index}">
+              <a :class="{'is-active': activeMenu === index}" href="#api-top">
                 <span class="tag is-info">{{ api.verb }}</span> {{ api.url }}
               </a>
               <ul v-if="activeMenu === index">
@@ -43,6 +43,7 @@ <h1 class="title">
         </aside>
       </div>
       <div class="column" style="overflow-y: auto; height: 82vh">
+        <span id="api-top"></span>
         <h1 class="title is-3">
           <span class="tag is-info is-large">{{ currentAPI.verb }}</span>
           {{ currentAPI.url }}