jquery 웹페이지 맨 위로 돌아가기 효과(아이콘 페이드, 자체 쓰기)_jquery

그럼 개발 요구 사항에 대해 알아보겠습니다. 웹 페이지에 콘텐츠가 많을 때 사용자가 직접 휠을 굴리는 것이 아니라 빠르게 상위로 돌아가려면 버튼이 있어야 합니다~

원래는 그럴 줄 알았습니다. 위의 내용을 구현하려면 js를 모두 사용해야 하고 어떤 페이지가 참조되고 표시되는지 말하기 어렵습니다.

그래서 적어보려고 했는데 어, 못 찾았다, 말은 참 쉽다~~

빨리 방귀 뀌겠다, 직행 코드 방귀많아 똥된다~~아 죄아미타아멘~~

코드복사코드

//맨 위로 js 
$(function(){ 
var $btn_top = $('') 
$btn_top.css({ 
'디스플레이':'없음', 
'너비':'40px', 
'높이':'40px', 
'위치':'고정', 
'오른쪽':' 20px', 
'하단':'100px', 
'z-index':'999' 
}) 
$("body").append($btn_top) 
$("body").on ("click","#scrollTopBtn",function(){ 
$("html,body").animate({scrollTop: 0},"slow"); 
}); 
var $ btn = $("#scrollTopBtn"); 
if($(window).scrollTop() > 100){ 
$btn.fadeIn(600); >} 
$(window) .scroll(function(){ 
if($(window).scrollTop() > 100){ 
$btn.fadeIn(600); 
}else { 
$btn.fadeOut( 600); 
} 
}); 
}) 

 

절대 경로를 사용합니다. /web/images/" scrollTop.png”

다섯 번째와 여섯 번째 줄에서 직접 크기를 변경하면 페이지에 고양이 태그를 추가할 필요가 없습니다~~(>^ω^<) 으악~~

js파일로 저장해서 직접 인용해서 쓰세요.