检测一个 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();
}