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

docker(I)---dockerを使い始める

dockerが何をするものなのか、簡単な文章で説明します。 dockerはコンテナを作成・管理するものです。dockerの中にはたくさんのコンテナが格納されていると理解できます。 コンテナとは、基本的な使用環境だけを備えたLinuxシステムのライト版で、その中でプログラム(mysqlだったり、nginxだったり、redisだったり...)を実行することができます。

Jul 10, 2020 · 4 min read