0927 TIL

3655 ワード

js html テキストリンク

ボタンを押してその位置に移動します。

上記コード1週目の事前研究課題として,自己紹介ページを作成している.
久しぶりに勉強したので、すべてのことを忘れてしまったので、忙しいですが、少しずつ彼を怒らせています.
html+css+jsを一生懸命勉強しなければなりません.

css
idを入れてaラベルに入れればいいです.

js
次にjsを使用して平滑度を設定します.

$(document).ready(function () {
  $("a").on('click', function (event) {
    if (this.hash !== "") {
      event.preventDefault();
      var hash = this.hash;
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 300, function () {
        window.location.hash = hash;
      });
    }
  });
});

これにより、aラベルをクリックすると、柔らかいアニメーションが作成されます.
この部分はもう少し勉強しなければならないようですが、下りてもいいですが、行けません.
しかし、上向きのtopボタンを作成し、上向きにスムーズに上向きに移動することに成功しました.

Reference

この問題について(0927 TIL), 我々は、より多くの情報をここで見つけました https://velog.io/@kimhr08/0927-TIL

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

[Webデザイン]検索バー

名トマト