Last updated: 2021-03-31

Smooth scroll Back-to-top

jQuery : 버튼요소에 적용 Back-to-Top 기능을 적용할 버튼의 Advanced 메뉴의 […]
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;
}

무엇이든 물어보세요

Contact Form

빠른 시간안에 답변드리겠습니다.
입금계좌
IBK기업은행 073-096192-04-010
Copyright © 2022. Doogak Co., Ltd. All Right Reserved.
envelopepower-switchmagnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram