스크롤 업....+ 카톡 아이콘

Question

화면을 아래로 내리면 우측 하단에 스크롤 업 버튼과 대화 아이콘이 생기는데요.

832838671_1657010476.0152.png

혹시 이런걸 구현하는 무료 소스 같은게 있을까요?

고수님들의 조언 부탁드리겠습니다.

소금디자인 · Accepted Answer

무료 배포하는 이미지를 구글링하셔서 html에 넣으셔야될거같아요

완전핵초짜 · Answer

Jquery 스크롤 이동시 작동되도록 하면 됩니다.

$(window).scroll(function(){

여기 안에서 스크롤 어느 위치 부터 해당 아이콘을 보이게 하는지 제작이 필요합니다

var scroll_h = $(document).scrollTop();
if(scroll_h > 100) {
스크롤 y축이 100 이상 일때 아이콘이 보이도록 하시면 됩니다.

}

});

그리고 2번째는 채널톡이라고 그냥 API 연동해서 나오는 겁니다.
아이콘은 구글에 iconmonstr 검색하면 무료로 배포해줍니다.