在網頁我們會利用 a 帶錨點後點擊可以到指定的 id，要做得更好的會再搭配捲動位置或點擊後切換選單的狀態，比如 onePageNav 這隻 plugin。
如果想要自己完成的話可以參考以下的 code
我先準備 html：
<div class="block" id="block1"></div>
<div class="block" id="block2"></div>
<div class="block" id="block3"></div>
<div class="block" id="block4"></div>
...接著套用 jQuery：
$(document).on('scroll',function(e) {
$('.block').each(function () {
if ($(this).offset().top < window.pageYOffset
&& $(this).offset().top +
$(this).height() > window.pageYOffset
) {
var hash = $(this).attr('id');
//do something here
}
});
})
接著就可以依據抓到的 id 去做對應的事件了。
![[Vue.js] 點擊後 focus 到指定的輸入欄位](/assets/upload/1583563899683_0.jpg)
