[JS/JQ] 스크롤을 사용한 Top버튼

스크롤을 사용한 Top버튼

 

 

 

 

See the Pen RwRGJEy by junheeleeme (@junheeleeme) on CodePen.

 

 

TopButton

 

 

$("#topBtn").click(function(){
    window.scrollTo({ top : 0, behavior: "smooth"}); // 부드럽게 Top : 0 으로 이동
});

 

위 방법은 데스크탑에서는 부드럽게 잘 작동하나 아이폰 사파리에서는 부드럽게 작동하지 않는다.

 

 

//아이폰(iOS) 스크롤탑 부드럽게 이동
$("html, body").animate({scrollTop : 0}, 500);

 

iOS 사파리에서 스크롤탑을 부드럽게 하려면 animate로 구현하면 된다. 데스크탑에도 정상적으로 작동하며 스크롤 속도까지 조절가능!