신축성 끝
17951 단어 끝!
자, 코드부터 붙이자.
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title> </title>
6 <!-- IE6 ， IE6 （IE7——10，Chrome,FireFox,oparo,safari）-->
7
8 <style>
9 body{ height:1200px;}
10 #btn{ width:30px; height:100px; background:#999999;
11 position:fixed; right:60px; bottom:80px; line-height:20px;
12 text-align:center;cursor:pointer; font-size:16px; display:none;}
13 </style>
14 <script>
15
16 function Buffe(obj)//
17 {
18 var timer=null;
19 timer=setInterval(function(){
20 var iSpeed=document[obj].scrollTop/5;
21 if(document[obj].scrollTop==0)
22 {
23 clearInterval(timer);
24 }
25 else
26 {
27 document[obj].scrollTop=document[obj].scrollTop-iSpeed;
28 }
29
30
31 },30);
32 }
33
34 window.onload=function()
35 {
36
37 oBtn=document.getElementById('btn');
38
39 oBtn.onclick=function (){
40 if(document.documentElement.scrollTop)
41 {
42 Buffe('documentElement');
43 }
44 else
45 {
46 Buffe('body');
47 }
48
49 returnTop();
50 }
51
52 window.onscroll=returnTop;
53
54 function returnTop(){
55 var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
56 if(scrollTop==0){
57 oBtn.style.display="none";
58
59 }
60
61
62 else{
63 oBtn.style.display="block";
64
65 }
66
67 }
68
69 };
70
71 </script>
72 </head>
73
74 <body>
75 <div id="btn"> </div>
76 </body>
77 </html>IE6를 고려하지 않는 이유는 IE6 사용자가 자발적으로 IE6를 포기하도록 해야 IT의 발전을 추진할 수 있기 때문이다.게다가 시나닷컴 웨이보는 IE6를 호환하지 못했다.
굳이 호환해야 한다면 안 되는 것도 아니고 IE6 버전을 호환하려면 연락 주세요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
신축성 끝'맨 위로 돌아간다'는 효과는 어디서나 볼 수 있다고 믿습니다. 방금 BOM을 배웠고 운동을 배웠기 때문에 탄력적인 것을 만들었습니다. 자, 코드부터 붙이자. IE6를 고려하지 않는 이유는 IE6 사용자가 자발적으로...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
