[Javascript] Spostarsi su pagina

[colomber]

Sapete come fare, devo quando clicco su un url andare in basso alla pagina dove c è un form

 

[f107]

Ciao,
se ho capito bene ti servono gli anchor link:
https://www.w3.org/TR/html4/struct/links.html#h-12.2.3


qui un esempio:
https://jsfiddle.net/srdnsdpr/

Fammi sapere se ho capito bene.

 

[colomber]

Ok funziona.

Nel caso dovessi inserirlo in un link che ha l'href già occupato da un'url o in una submit di un form?

 

[f107]

<a href="http://LINK_CHEVUOITU.it#ID_ELEMENTO">TESTO LINK</a>

Esempio:
Clicca qui

 

[colomber]

per quanto riguarda gli url ok

per la input del form non funziona mi ricarica la pagina e rimane in alto

 

[f107]

non ho capito, hai un esempio da far vedere?

 

[colomber]

in questo modo funziona

<form action="questapagina.php#ID_ELEMENTO">

 

[otto9due]

Per avere un effetto simpatico ( tipo lo scroll top che si vede molto di frequente nei siti ) io uso in codicino del genere. Sono dal cell quindi non ho avuto modo di testarlo, ma trovi un esempio :
https://goo.gl/JMeG1A

$("#idbottoneolinkdacliccare").click(function() {
    $('html, body').animate({
        scrollTop: $("#iddaraggiungere").offset().top
    }, 2000);
});

Se hai difficoltà dopodomani ti dico meglio.


Inviato dal mio iPhone utilizzando Tapatalk