Javascript 如何解决未捕获的TypeError问题：无法读取null的属性顶部？

我编写这段代码是为了创建一个浮动边栏，它粘贴在浏览器窗口的右侧

我得到这个错误：

未捕获的TypeError:无法读取null的属性“top”

此函数将显示错误。你有什么解决办法吗

function setCaptionPosition(){
  if(showBgCaption)
  {
    var posTop = $('#bgImages   .active').position().top+$('#bgImages').position().top-10;
    var maxTop = $('#content').height()-$('#bgText').height()-20;
    posTop = (posTop>maxTop)?maxTop:posTop;
    posTop = (posTop<-20)?-20:posTop;
    $('#bgText').stop().animate({top:posTop, opacity:'1'}, 500, 'easeOutQuad');
   }
  else
  {
    $('#bgText').stop().animate({opacity:'0'}, 500, 'easeOutQuad');
  }
}

函数setCaptionPosition（）{
如果（显示标题）
{
var posTop=$（'#bgmages.active'）.position（）.top+$（'#bgmages'）.position（）.top-10；
var maxTop=$（'#content'）.height（）-$（'#bgText'）.height（）-20；
posTop=（posTop>maxTop）？maxTop:posTop；
控制台上的posTop=（posTopType$（'#bgmages.active'）。您看到了什么？如果上面的答案为null，问题在于选择器$（'#bgmages.active'），因此您应该向我们显示您的html。未捕获类型错误：无法读取null的属性'top'，显示在“var posTop=$（'#bgmages.active'）.position（）行上+$（“#bgmiages”）.position（）.top-10；“null的顶部表示$（“#bgmiages.active”）返回null，这意味着您打算通过此$（“#bgmiages.active”）选择的元素不存在。因此最好也显示html。