마지막 업데이트 : 2021년 03월 31일
조회수 : 

Smooth scroll Back-to-top

jQuery : 버튼요소에 적용 Back-to-Top 기능을 적용할 버튼의 Advanced 메뉴의 Javascript 항목에 아래의 코드를 적용합니다.jQuery('#%%ELEMENT_ID%%').off('click');jQuery('#%%ELEMENT_ID%%').click(function() {document.body.scrollTop = 0; // For Safaridocument.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera}); […]
Written by: doogak
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

jQuery : 버튼요소에 적용

Back-to-Top 기능을 적용할 버튼의 Advanced 메뉴의 Javascript 항목에 아래의 코드를 적용합니다.
jQuery('#%%ELEMENT_ID%%').off('click');
jQuery('#%%ELEMENT_ID%%').click(function() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
});

CSS : html에 적용

Manage에서 CSS stylessheets를 새로 생성하거나 기존의 스타일시트 중 하나를 선택하여 아래의 CSS를 적용합니다.
html {
scroll-behavior: smooth;
}

  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기
power-switchmagnifiercross