开发者

jQuery position div in middle of page

Okay, so I have a div and I want to position it in the middle of a page. I've gotten so far

$("#a").css('margin-top', '(document).height()/2 - ("#a").height()/2');

Is this co开发者_开发技巧rrect?


I suggest you use .offset().

Description: Set the current coordinates of every element in the set of matched elements, relative to the document.

$("#a").offset({
   top: $(document).height()/2 -  $("#a").height()/2,
   left: $(document).width()/2 -  $("#a").width()/2
})


**It shouldn't be in quotes. Also, you need to use the $() terminology. Try this:

$("#a").css('margin-top', $(document).height()/2 - $("#a").height()/2);

Or even better:

var $a = $("#a");
$a.css('margin-top', $(document).height()/2 - $a.height()/2);

Edit: Just to be clear, you can't put it in quotes because it will try to set the margin-top property literally to that string. Which is incorrect.


This one worked for me & might help:

$('html, body').animate(
   {
   scrollTop: $('#your_div_id').offset().top-200
   }, 1000);

Change value 200 in 'top-200' to position your div as per your need..

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜