- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Scroll jQuery non funziona
-
Scroll jQuery non funziona
L'ho trovato in rete ma non funziona. La frase diventa link ma se la clicco la pagina rimane ferma.
<a href="javascript:void(0)" id="ancora">↓ Salta le foto</a> ... <a name="ancora"></a>
<script> $(document).ready(function(){ function ScorriPagina(Posizione, Velocita) { $("html,body").animate({scrollTop: Posizione}, Velocita, function(){}); return false; } $("#ancora").click(function() { ScorriPagina(1500, 500); }); }); </script>
-
@Apthu said:
L'ho trovato in rete ma non funziona. La frase diventa link ma se la clicco la pagina rimane ferma.
><a href="javascript:void(0)" id="ancora">↓ Salta le foto</a> ... <a name="ancora"></a> >```
<script>
$(document).ready(function(){
function ScorriPagina(Posizione, Velocita)
{
$("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
return false;
}
$("#ancora").click(function()
{
ScorriPagina(1500, 500);
});
});
</script>Ciao, prova così:
$(document).ready(function(){ $("#ancora").click(function() { ScorriPagina(1500, 500); }); }); function ScorriPagina(Posizione,Velocita) { $('html,body').animate({ scrollTop: Posizione },Velocita); }
-
Questo funziona, fa salire e scendere la pagina:
<script>// Fa salire lentamente fino sopra la pagina jQuery(document).ready(function($) { function ScorriPaginaSopra(Posizione, Velocita) { $("html,body").animate({scrollTop: Posizione}, Velocita, function(){}); return false; } $(".torna-su").click(function() { //Lo scroll avverrà alla velocità di 1 secondo ScorriPaginaSopra(0, 1000); }); }); // Fa saltare lentamente in basso alla fine delle foto jQuery(document).ready(function($) { $(".salta a").on('click', function(event) { if (this.hash !== "") { event.preventDefault(); var hash = this.hash; $('html, body').animate( { scrollTop: $(hash).offset().top }, 1000, function() { window.location.hash = hash; }); } }); }); </script>