Hook.js

Me deparei com um conceito interessante hoje, chamado Hook.js .

Ele permite que você implemente uma atualização de rolagem, semelhante ao que você encontra na maioria dos tablets e smartphones.

Hook.js implementa essa funcionalidade de forma bastante simples em seu site. Basta copiar o arquivo js para o seu site e adicionar os estilos, bem como uma pequena quantidade de código, no topo do seu site, logo abaixo da tag <body>.

Você precisará primeiro fazer o download dos arquivos aqui.

Coloque o seguinte logo antes de </head> :

<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>

Coloque o seguinte logo após <body> :

<div id="hook">
<div id="loader">
<div class="spinner"></div>
</div>
<span id="hook-text">Reloading...</span>
</div>

A única coisa que acho que deve ser observada é a suavidade da transição da atualização de rolagem para baixo, é um pouco abrupta, mas no geral é um conceito interessante de se adicionar ao site como algo bom de se ter.