Leggerai questo articolo in: 1

Chiunque di noi abbia avuto per le mani un i-Phone o ancora meglio un i-Pad sarà sicuramente rimasto affascinato dal suo scroll. Se volete ricreare questa piacevole sensazione nel vostro sito, la soluzione si chiama Overscroll!

jquery overscroll

Overscroll è un plug-in jQuery che imita lo scroll dell’ i-Pad in un browser. Questo plugin funziona al meglio con Safari 10 +, Chrome e Firefox 3 +, ma dovrebbe girare bene sulla maggior parte dei browser moderni.

Vediamo come integrarlo nel nostro sito:

La faccenda è estremamente semplice, come al solito importiamo nella nostra pagina il necessario (facendo attenzione ai percorsi)

1
2
3
<script src="jquery.js"></script>
<script src="jquery.overscroll.js">
</script>

Codice Html:

1
<div id="divContenitore"> Quello che vuoi tu! </div>

Richiamiamo il plugin con jQuery.

Codice jQuery:

1
2
3
$(document).ready(function(){
    $("#Div a cui vogliamo applicare l'effetto").overscroll();
});

Visualizza una demo da qui.
Scarica un esempio da qui.

Bello no? Non dimenticare di condividere l’articolo con i tuoi amici!

[adsense]