댓글 : CSDN 블로그를 모방하는 기능은 페이지 상단으로 돌아가는 기능이 2 개의 장소에서만 수정되었습니다. 반환 속도 -> 천천히 돌아가서 변경하고 상단에있는 아이콘 타이밍으로 돌아가십시오 -> 상단에 있지 않은 한 표시되도록 변경하십시오. 특정 코드는 다음과 같습니다. 관심있는 친구들이 그것을 언급 할 수 있습니다.
2 개의 장소 만 수정되었습니다., 반환 속도-> 천천히 돌아 가기 위해 변경되었습니다. (플래시 백로 판명되었습니다)
, 상단에있는 아이콘 타이밍으로 돌아가십시오 -> 상단에 있지 않은 한 표시로 변경되었습니다. (500px로 아래로 스크롤 한 후 표시 될 것임이 밝혀졌습니다)
참고 : JS는 HTML 후에 작성해야합니다.
HTML
<div>
<a href = "#" /> </a>
</div>
자바 스크립트 코드
<script type = "text/javaScript">
$ (function () {
var d_top = $ ( '#d-top');
document.onscroll = function () {
var scrtop = (document.body.scrolltop || document.documentElement.scrolltop);
if (scrtop> 500) {
if (scrtop> 0) {
d_top.show ();
}또 다른{
d_top.hide ();
}
}
$ ( '#d-top-a'). 클릭 (function () {
$ ( "html, body"). 애니메이션 ({scrolltop : 0}, 500);
// scrollto (0,0);
this.blur ();
거짓을 반환합니다.
});
});
</스크립트>
CSS 스타일
#d-top {
위치 : 고정;
플로트 : 오른쪽;
z- 인덱스 : 10;
오른쪽 : 10px;
하단 : 40px;
}
#d-top img {
너비 : 42px;
불투명도 : 0.3;
}
img {
국경 : 중간 없음;
}