JQuery - When a event is called, page should move

Question

I've a page on html. When i click on a submit button i call a Javascript function. I need (for example) go at the top of the page (or on another specified place, like in the middle where i have some div). I think there's a method for do it. How is called? Thanks

CODE :

<form onSubmit="return checkTL();" method='POST' action='./index.php?status=add' name='addtl' > somethings... <input type="submit" name="mgmttlt" value="Add Tracklist" /> </form> function checkTL() { value=$('#inputa').val().replace( /[\\\s]+/g, '' ); if(value=="") { $('#printe').removeClass().addClass('error').html("Please insert a valid Artist"); var pos = $('.target').offset().top; $('html,body').animate({scrollTop: pos },1000); return false; } return false; }

as example, i return always false in the function. But if i add the scrollTop function, in some mode it return true and the function go on. Why?

Teja Kantamneni · Accepted Answer · 2010-09-20 16:49:42Z

2

Use jQuery's ScrollTo Plugin. Example.

answered Sep 20, 2010 at 16:49

Teja Kantamneni

17.5k12 gold badges58 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dutchie432 Over a year ago

I second this. I use this with jQuery's accodion component, so that when a user clicks an accordion header, the page scrolls so the header is at the top of the page.

score 1 · Accepted Answer · 2010-09-20 17:12:53Z

1

This can be done with out a plugin

Refer :.scrollTop()

Example :

$(function() { $('.button').click(function() { var pos = $('.target').offset().top; $('html,body').animate({scrollTop: pos },1000) }); });

You can test it here http://jsbin.com/ixabe3

edited Sep 20, 2010 at 17:12

answered Sep 20, 2010 at 17:06

user372551

2 Comments

Teja Kantamneni Over a year ago

@Avinash Yes it can be done like this. Extracting that part of the code in to a reusable code makes it a plugin tough.

markzzz Over a year ago

uhm. I don't know why, but it doesnt work :( i posted the code above check it out

Collectives™ on Stack Overflow

JQuery - When a event is called, page should move

2 Answers 2

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Related