javascript - 类型错误 : Cannot read property 'offsetParent' of null when navigatin to another page

Question

我使用代码在滚动时将 div 粘在顶部，并且 div 到达顶部。

代码工作正常，但导航到另一个页面时出现错误。

TypeError: Cannot read property 'offsetParent' of null

我的代码

render() {
  var startProductBarPos = -1;
  window.onscroll = function () {
    var bar = document.getElementById('nav');

    if (startProductBarPos < 0) startProductBarPos = findPosY(bar);

    if (window.pageYOffset > startProductBarPos) {
      bar.style.position = 'fixed';
      bar.style.width = '58.6%'
      bar.style.top = 0;
    } else {
      bar.style.position = 'relative';
      bar.style.width = '100%'
    }

  };

  function findPosY(obj) {
    var curtop = 0;
    if (typeof (obj.offsetParent) != 'undefined' && obj.offsetParent) {
      while (obj.offsetParent) {
        curtop += obj.offsetTop;
        obj = obj.offsetParent;
      }

      curtop += obj.offsetTop;
    } else if (obj.y) 
        curtop += obj.y;

    return curtop;
  };

  return(
    <div className="trait_type_header" id="nav">
    </div>
  );
}

这一行显示了错误所在。

if (typeof (obj.offsetParent) != 'undefined' && obj.offsetParent) {

我认为当导航到另一个页面时 obj 变为 null。如果是这样我该如何解决？

Answer 1

尝试改变

if (typeof (obj.offsetParent) != 'undefined' && obj.offsetParent)    

到

if (obj && obj.offsetParent)