Pull to Refresh effect using Hook.js
You must have seen that really awesome Pull to Refresh effect in apps like Twitter and Facebook and wonder how we can use it in your web project. If you want to that trendy Pull to refresh effect in your web project then this article can help you out to achieve that.
Hook.js
Hook.js is a jQuery plugin which developed by two awesomely creative designer and developer: Jordan Singer and Brandon Jacoby. You can achieve the effect just by linking this plugin in to your webpage and some styling to your effect.
Hooking the plugin
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <link rel="stylesheet" href="hook/hook.css" type="text/css" /> <script src="hook/hook.js" type="text/javascript"></script>
After linking the plugin file it’s time to add HTML
<div id="hook"> <div id="loader"> <div class="spinner"></div> </div> <span id="hook-text">Reloading...</span> </div>
And you are done! Yes, it’s that much simple. To see the effect just scroll down the demo page little bit and scroll up and see the Pull to Refresh effect in action. To know more, visit developer website.
