페이지 윗면 링크로 전환 효과를 어떻게 추가합니까? 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 초). 더 긴 스크롤이 필요한 경우 조정하십시오.