javascript - jQuery/JavaScript 如何找到元素的左内边缘

Question

现在我正在脑子里思考一个想法，并一直在寻找如何解决我的特定问题的答案，因为我过去也无法做到这一点。

我想做的是获取 2 个以上的元素。一个主包装元素以及该包装内的 1 个或多个元素。我想做的是，当包装器内元素的右外边缘与包装器左内边缘相遇时，我想触发一个函数。所以我可以根据我的总体想法做一些事情。然而，找到这些边缘或实际上任何边缘对我来说一直是一个问题。我确信这是可能的，但问题是如何。

Answer 1

您的答案是使用 position().left 来获取父元素中元素的正确位置。

var boxPosX = $('#box').position().left;

jsBin demo

function custom(){
  $('#wrapper').css({background:'yellow'}).text('TOUCHDOWN!'); 
}

$(window).resize(function(){     
  var wrapperW = $('#wrapper').outerWidth(true);
  var boxW = $('#box').width();

  var boxPosX = $('#box').position().left;

  var touched = wrapperW - (boxW+boxPosX);

  if( touched <= 0 ){
     custom() ;
  }      
});