jquery는 CSS와 결합되어 단순히 맨 위로 복귀됩니다. effect_jquery

CSS:

코드 복사 코드는 다음과 같습니다.

.backToTop {
display : 없음;
폭: 18px;
패딩: 5px 0;
색상: #fff; 크기: 12px ;
텍스트 정렬:
위치: 고정;
_위치: 절대;
하단:
_하단;
커서: 포인터;
불투명도: .6;
필터: 알파(불투명도=60)
}


jQuery 코드

코드 복사

코드는 다음과 같습니다. (function() { var $backToTopTxt = "맨 위로 돌아가기" , $backToTopEle = $('

').appendTo($("body"))

.text($backToTopTxt).attr("제목", $backToTopTxt).click(function () {

$("html, body").animate({ scrollTop: 0 }, 120);
}), $backToTopFun = function() {
var st = $(document).scrollTop(), winh = $(window).height();
(st > 0)? $backToTopEle.hide(); /IE6에서의 위치
if (!window.XMLHttpRequest) {
$backToTopEle.css("top", st winh - 166)
}
}; 바인딩("스크롤", $backToTopFun)
$(function() { $backToTopFun(); }) })();: