Cool back to top function
JS Core Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15-16 17 18 19 20 21 22 23 24 25 The |
Window.onscroll = function () {var t = Document.documentel Ement.scrolltop | | Document.body.scrollTop; var top_div = document.getElementById ("Go"); if (t >=) {top_div.style.display = "block";} else {top_div.style.display = "none";}} VAR ptt=20; function PageScroll () { document.getElementById (' Flypig '). style.display= ' block '; Window.scrollby (0,-10); Each up 10px if (document.body.scrolltop==0) {document.getElementById (' Flypig '). style.marginbottom= ptt+ ' px '; ptt=ptt+10; } scrolldelay = settimeout (' PageScroll () ', 2); 2 ms Repeat execution once if (ptt>=1000) {ptt=0; document.getElementById (' Flypig '). style.marginbottom=20+ ' px '; document.getElementById (' Flypig '). style.display= ' None '; Cleartimeout (scrolldelay); }//pagescroll ends} |
Html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26-27--28 29---30 31--32 33 34 35 36 37 38-39 40 41 42 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 5, 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 11 9 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148-149 150 151 152 153, 154 155 156 157 158 159 160 161 162 163 164 |
<! DOCTYPE html> |
The above is the entire contents of this article, I hope you can enjoy.