单击页面底部的链接时，页面似乎滚动

Question

每当我单击锚元素时，它将在各种浏览器（例如Firefox，safari和IE）中滚动到页面顶部。但是页面没有在chrome中滚动。使用了各种方法，例如preventDefault（），返回false以及在href中使用“＃/”。但是它们似乎都不起作用。如果有人可以帮助我解决这个问题，那就太好了。 遵循了本页中提到的所有方法： How to prevent a click on a '#' link from jumping to top of page?。

这是我的代码

function Scrolldown() {
  window.location.hash = "#relationships-card";
}

const attachLink = (onClick, relationship, maybeId) => (
  <a
    href="#relationship-card"
    aria-label="Attach Relationship"
    className="hidden-print"
    onClick={() => {
      onClick(relationship, maybeId);
      Scrolldown();
    }}
  >
    &nbsp;Attach
  </a>
);