Last updated : 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 […]
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;
}

magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram