修复导航到顶部，同时滚动到目前为止

-4

我一直在尝试几个小时，以弄清楚如何在滚动过去我的标志后，我的导航栏浮动到顶部。没有我试过的代码已经工作..任何人都可以帮助我吗？我只需要它在移动设备上查看网站时就能正常工作。您可以查看我的代码和预览下面修复导航到顶部，同时滚动到目前为止

https://www.w3schools.com/code/tryit.asp?filename=FFDXBMXH3Q1Z

2017-05-08 Semaj Rellim

在此处添加您的代码，而不是链接。只添加构成问题的部分 –

只是删除溢出：从你的身体隐藏，并添加此类

#myTopnav.active 
{ 
    position: fixed; 
    width: 100%; 
    top: 0; 
}

和一些JavaScript代码

<script type="text/javascript"> 
$(document).ready(function() { 
var shrinkHeader = 50; 
      $(window).scroll(function() { 
       var scroll = getCurrentScroll(); 
       if (scroll >= shrinkHeader) { 
        $('#myTopnav').addClass('active'); 

        } 
        else { 
         $('#myTopnav').removeClass('active'); 
        } 
      }); 
      function getCurrentScroll() { 
      return window.pageYOffset || document.documentElement.scrollTop; 
      } 

     }); 
</script>

来源

2017-05-08 07:16:50

感谢您的代码..做我想做的事情..但问题是当你点击我的下拉菜单，一旦你向下滚动..下拉菜单不会出现。面对整个菜单消失？ CSS故障也许？ –

但是在你的代码中没有问题..dropdown也正常工作 –

真的吗？大声笑。 Idk也许这只是我的个人电脑是dorky ...我会再试一次.. –

您可能在不同的事件中使用以下代码。我已经在mouseWheel中进行了检查。将此代码添加到脚本中。

window.onmousewheel = function(){ 
    var myDiv = $("div.fixed"); 
    var logoHead = $(".t1 tbody tr:first-child"); 
    console.log('logoHead = = ',logoHead.offset().top); 
    if(logoHead.offset().top<-33){ 
     myDiv.css("position","fixed"); 
    } 
    else{ 
     myDiv.css("position","relative"); 
    } 
}

来源

2017-05-08 07:24:37

伟大的先生谢谢你..我遇到的一个问题，虽然是我只想它工作时，菜单是在移动视图..我正在玩你的脚本，看看我可以做什么 –

https://www.w3schools.com/code/tryit.asp?filename=FFEQN540ZBYE –

修复导航到顶部，同时滚动到目前为止

回答

相关问题