ページ上部のリンクにトランジションエフェクトを追加するにはどうすればよいですか？ HTMLとCSS

Question

私はページの一番上にリンクしているページの一番下に矢印があり、それをゆっくりと動かしたいと思っています。私は、これが移行または変換によって追加されると思います。

Answer 1

スムーススクロールは探しているものですが、htmlやcssだけではできません。ここではそれを達成するためにjqueryのスクリプトです：

$(function() { 
    $('a[href*="#"]:not([href="#"])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html, body').animate({ 
      scrollTop: target.offset().top 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
}); 

今ちょうどあなたの矢印hrefの値の「#topトップ」のようなものでアンカーリンクを作成し、あなたのページの上部にある要素にID =「トップ」を追加。

スクロールアニメーション中のスクリプトの "1000"はミリ秒です（この場合は1秒です）。より長いスクロールが必要な場合は、これを調整します。