วิธีทำให้ Navigator bar ไม่เลื่อน Boostrap + Vuejs

วิธีทำให้ Navigator bar ไม่เลื่อน Boostrap + Vuejs

วิธีง่าย ๆ คือ เพิ่ม Code Css

.navbar {
    position: fixed;
    left:0;           /* top left corner should start at leftmost spot */
     top:0;            /* top left corner should start at topmost spot */
    width:100vw;      /* take up the full browser width */
   z-index:100;  /* high z index so other content scrolls underneath */
  height:50px;
}
ตรงส่วนของ Style ถ้าต้องการให้เลื่อนได้ positon จะเป็น relative

 

เข้าสู่ระบบ