2013-11-27 53 views
0

是否有一個簡單的方法來弄清楚某個div是否在屏幕中間?我試過http://www.appelsiini.net/projects/viewport,但它也需要額外的代碼。中間我的意思是垂直和水平居中。JavaScript:如何弄清楚,如果一個div在屏幕中間?

是不是有一個更簡單的方法來解決這個問題?

謝謝!

+0

你是什麼意思「在中間屏幕'?你是指在視口中的任何位置,或者滾動到視口的中間位置? –

+0

'中間'是什麼意思?足夠接近中間?邊界線接觸中間?靠近中間?中間以下?中間以上? 1px寬/高div正好在中間?中間偏移量[n]?在中間的左邊?在中間的右邊?中間的馬爾科姆?中間的div的中心?左下角觸摸中間?觸摸中間的右上角? – MLeFevre

+0

中間我的意思是垂直和水平居中。 – user1856596

回答

1

jQuery的解決方案:

var offsetLeft = $('#whatever').offset().left; 
var offsetRight = ($(window).width() - (offsetLeft + $('#whatever').outerWidth())); 
var isInMiddle = offsetLeft == offsetRight; 

編輯:如果你想不僅要檢查,如果它的垂直居中,這樣做也是offsetTop和底部

+0

這將是怎樣的?我嘗試使用頂部和outHeight等,但它不工作。你能幫我嗎? – user1856596

+0

基本上,您可以從左到頂,寬度和右到底更改 –