blog

vueプロジェクトにおけるアンカーの問題

scrollTopアドレスバーを変更せずにページを更新ページを更新してアドレスバーを変更位置決めアンカー要素の上からの距離を設定...

Jul 10, 2020 · 1 min. read
シェア

scrollTop

document.body.scrollTop ||document.documentElement.scrollTop ||window.pageYOffset ページのスクロールを設定する setTimeOut(( )=>{},0) で、それ以外の設定方法は、scrollTopが無効になり、0になる

ページの更新 アドレスバーに変化なし

document.querySelector('#href_'+id).scrollIntoView(true);

ページを更新してアドレスバーを変更

aタグ、hrefジャンプ

アンカー要素の上から見た位置の設定

setTimeOut(()=>{ //トップからの距離を設定する document.documentElement.scrollTop += -100 },0)
Read next

島の数

非常に古典的な探索問題。配列のトラバースは、各1からリンクの現在の位置の深さ優先探索を開始する1であり、要素の各位置を記録するために訪問された追加のブール配列は、訪問された各トラバースされた位置は、真としてマークされます。

Jul 10, 2020 · 2 min read