錨點 與 scrollIntoView()

1、錨點

  <p id="firstAnchor"> 錨點 </p>html

  <a href="#firstAnchor"> 跳轉 </a>vue

  js 控制測試

   一、location.href = "#firstAnchor";      // firstAnchor爲錨點名稱  spa

   二、window.location.hash = "#firstAnchor"; // firstAnchor爲錨點名稱插件

    經測試:hash只會在跳轉到此頁面的第一次起做用,再次刷新此頁面將不起做用,而href始終起做用htm

2、scrollIntoView()

 參考:scrollIntoView()
 能夠用來實現錨點效果:
  document.getElementById("#firstAnchor").scrollIntoView(true);
 詳細介紹API https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
  

3、vue組件 和jQuery插件

  vue :vue-scrollto 待續;blog

  jQuery: 等待高手補充get

相關文章
相關標籤/搜索