A simple jQuery code that returns the top

A simple jQuery code that returns the top

This article demonstrates jQuery's return to the top. When the article page is relatively long, you can easily return to the top of the website, and it is not difficult to implement code!

Call code:

<Script language = "javascript" type = "text/javascript" src = "jquery-1.4.2.min.js"> </script> <script language = "javascript" type = "text/javascript" src = "scrollSilde. js "> </script> <script language =" javascript "type =" text/javascript ">$ (function () {$ (window ). gotoTop ({showHeight: 150, // display speed: 200 when setting the scroll height // return the top speed in milliseconds}) ;}); </script>

Among them, the scrollSilde. js code is: front-end UI framework that can improve development efficiency by 500%!

// Return the top $ (function () {$. fn. gotoTop = function (options) {var defaults = {showHeight: 150, speed: 1000}; var options = $. extend (defaults, options); $ (document. body ). prepend ("
"); Var $ toTop = $ (this); var $ top = $ (" # totop "); var $ ta = $ (" # totop "); var $ bt = $ ("# totop p"); $ toTop. scroll (function () {var scrolltop = $ (this ). scrollTop (); if (scrolltop> = options. showHeight) {$ top. show ();} else {$ top. hide () ;}}); $ ta. click (function () {$ ("html, body "). animate ({scrollTop: 0}, options. speed) ;}); $ bt. click (function () {$ ("# mess "). show ();});}});