Top
<!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| </head> | |
| <body> | |
| <div id="top"> | |
| <a href="#"><img src="top.png"></a> | |
| </div> | |
| </body> | |
| </html> | |
| <style type="text/css"> | |
| *{ | |
| margin: 0px; | |
| padding: 0px; | |
| scroll-behavior: smooth; | |
| } | |
| body{ | |
| height: 2000px; | |
| } | |
| #top{ | |
| position: fixed;bottom: 80px; | |
| right: 40px; | |
| width: 180px; | |
| height: 180px; | |
| } | |
| </style> | |
| <script type="text/javascript"> | |
| var scroll = document.getElementById("top") | |
| window.addEventListener("scroll", function () { | |
| scroll.style.transform = "rotate("+window.pageYOffset+"deg)"; | |
| }) | |
| </script> |
Comments
Post a Comment