| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| <script src="jquery.js"></script> | |
| <style> | |
| button{ | |
| position: fixed;right: 10px;bottom:20px;display: none; | |
| } | |
| </style> | |
| </head> | |
| <body style="height:2000px;"> | |
| <button>回到顶部</button> | |
| <script> | |
| $(function(){ | |
| $(window).scroll(function(){ | |
| var t = $('html,body').scrollTop(); | |
| if(t>200){ | |
| $('button').show(); | |
| }else{ | |
| $('button').hide(); | |
| } | |
| }) | |
| $('button').click(function(){ | |
| $('body,html').animate({ | |
| scrollTop:0 | |
| },300) | |
| }) | |
| }) | |
| </script> | |
| </body> | |
| </html> |
回到顶部jquery特效
猜你喜欢
转载自www.cnblogs.com/zykzyk/p/11390762.html
今日推荐
周排行