How to browse down to bring element to the center of the screen?

Asked May 14 '19 at 06:51

Active May 14 '19 at 06:51

Viewed 18 times

I have a Reply button at the middle of the page after a variable length text. When the button is clicked a reply form appears:

$(document).ready(function(){ 
  $("#reply").click(function(){
     $("#replyform").toggle(1000);    
  });
 });

The problem is that when the form appears, it often falls outside of visible area. My question is how to scroll down automatically to replyform, so that the form appears at the center of the browser, hence becomes clearly visible?

asked May 14 '19 at 06:51

Milkyway

1

Check out this answer : https://stackoverflow.com/a/6682515/4090870 – KCarnaille May 14 '19 at 06:54
Great. This exactly does what I meant: `$("html, body").animate({ scrollTop: $('#replyform').offset().top }, 1000);` – Milkyway May 14 '19 at 06:56

How to browse down to bring element to the center of the screen?

0 Answers0