Html 导航栏按钮-第“页”；“跳跃”；单击按钮时（或在导航栏上方创建空白）

单击导航按钮会导致整个导航栏向下跳转，并在加载下一页时插入空白。我该怎么补救呢

单击之前：

单击后（加载下一页时）：

以下是导航按钮的HTML：

    <a ng-class="{active: $location.path().substring(1) === page.path}" class="item ng-binding ng-scope" ng-repeat="page in headerMenu" ng-href="/explore" href="/explore">Explore</a>

---

添加了HTML，但我想CSS也是必需的。不确定要包括什么。嗯……你在哪里加的？

.main-menu.ui.inverted.menu .nav-wrap .item {
  padding: 1.8em 1em;
}

.main-menu.ui.inverted.menu .nav-wrap .item {
  padding: 1.8em 1em;
}

.ui.menu .item {
  font-size: 1rem;
}
.ui.menu .item {
  position: relative;
  display: inline-block;
  padding: .78571em .95em;
  vertical-align: middle;
  line-height: 1;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .2s ease,background .2s ease,box-shadow .2s ease;
  transition: opacity .2s ease,background .2s ease,box-shadow .2s ease;
}