Anchor probleem

Door Michael Brouwer op 15-08-2014 20:55

1.396 views

Hallo,

In onderstaande form heb ik een anchor staan, zodat na de submit je niet naar de top van de pagina scrolt. Nu komt er na de submit achter me url #guestbook te staan. Is er een mogelijkheid dat dit niet zichtbaar wordt in me url?


	<form method="POST" action="#guestbook">
		<input type="text" name="message" placeholder="Bericht"  />			
		<input type="text" name="name" class="name" placeholder="Naam"  />
		<input type="text" name="human" class="human" placeholder="3 + 2 =" />		
		<input type="submit" class="submit" value="verzenden" />
	</form>

Michael Brouwer

17-08-2014 17:08

Hallo,

Zou iemand mij kunnen helpen met bovenstaande?

Bedankt alvast :)

Ariën

17-08-2014 17:10 gewijzigd op 17-08-2014 17:11

Je zou deze in je action eruit kunnen halen en vervolgens met met scrollTo() in jQuery kunnen scrollen.

Michael Brouwer

17-08-2014 17:18

Aar bedankt voor je reactie, mijn vraag is alleen waar moet ik deze scrollto plaatsen?

Ariën

17-08-2014 18:13 gewijzigd op 17-08-2014 18:14


$( "#submit" ).submit(function(event) {
	// hier een scroll.to inbouwen. Zie ook: http://demos.flesler.com/jquery/scrollTo/
	event.preventDefault();
});

Vergeet beide library's niet in te voegen.

Reageren

Inloggen om te reageren