检测div是否在中心并执行一些代码

Question

我需要检测一个div是否位于屏幕的中心，然后执行一些代码 - 我当前正在使用偏移，但如果显示器具有高分辨率则无用。

<script type="text/javascript">
//check to see if elements are at a certain position
$(document).ready(function () {
//hide bubble
$('#bubble02').hide();
// if div is at 300px execute code
  var videoInterval = setInterval(function() {
  if($('#balloon2').offset().left <= 300){
    $('#bubble02').fadeIn();
  }  
  else if($('#balloon2').offset().left >= 301){
    $('#bubble02').fadeOut();
  } 
});
</script>

任何帮助将不胜感激

Answer 1

您应该使用$(window).width();获取窗口宽度，并检查div的偏移量是否等于宽度的一半：

var windowCenter =  $(window).width() / 2;
if($('#balloon2').offset().left <= windowCenter){
    $('#bubble02').fadeIn();
}  
else if($('#balloon2').offset().left >= windowCenter){
    $('#bubble02').fadeOut();
}