Question

我的网站页面上有一个topnavbar，当Reg export KeyName FileName [/y]时，它实际上已经固定。这个工作正常并且在Mozilla上看起来不错，但是在修复$(window).scrollTop() > 44时在safari和chrome上跳跃。任何解决方案？

这是我的代码： -

＆＃13;

topnavbar

＆＃13;

//js
if(viewportWidth > 1199 && $(window).scrollTop() > 44){
    $('#topnavbar').addClass('topnavbarfixed');
}

＆＃13;

/*css*/
.topNavBar {
    position: relative;
    width: 100%;
    float: left;
    background: #fff;
    border-bottom: 1px solid rgba(243, 243, 243, 0.88);
    z-index: 999 !important;
    padding: 0 !important;
}
.topnavbarfixed {
    position: fixed !important;
    top: 0;
    width: 100%;
}

＆＃13;

Answer 1

＆＃13;

.navBar {
  width: 100%; height: 6%;
  background-color: rgb(240, 240, 240);
  position: sticky;
  left: 0; top: 0;
  padding: 1%;
  overflow: auto;
}
.navBar a {text-decoration: none; margin-right: 1%;}

.emptySpace {width: 100%; height: 1000000px;}

＆＃13;

<span class="navBar">
  <a href="">Link 1</a>
  <a href="">Link 2</a>
  <a href="">Link 3</a>
  <a href="">Link 4</a>
  <a href="">Link 5</a>
</span>

<div class="emptySpace"></div>

＆＃13;

我对你要问的问题感到困惑，但如果你在用户滚动时试图让导航栏粘在屏幕顶部，你可能会想尝试

/*CSS*/
.topNavBar {position: sticky;}

如果那不是您正在寻找的，那么请更具体一点。
希望这会有所帮助。

topnavbar坚持不在Chrome和Safary上工作，但在Mozilla上工作

1 个答案: