Question

我有一个导航栏在滚动后保持在顶部，但是如果你点击后退按钮或类似的链接... com / index＃downbelow导航栏在你滚动之前不会出现。

无论如何我都可以让导航栏显示？

var num = 60; 

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('.menutop').addClass('fixed');
    } else {
        $('.menutop').removeClass('fixed');
    }
});

jsfiddle

Answer 1

在url中有＃not触发滚动事件。因此菜单不会被修复。将此代码添加到my-jquery.js

的顶部

var ssss=$(document).scrollTop();
if(ssss>=60)  $('.menutop').addClass('fixed');

Answer 2

如果您希望始终修复它，只需删除该JavaScript并在HTML中添加fixed类。

<nav class="menutop fixed">

Answer 3

你可以在DOM-ready上运行一次，然后绑定到scroll：

var toggleMenuVisibility = function() {
  var num = 60; 
  if ($(window).scrollTop() > num) {
    $('.menutop').addClass('fixed');
  } else {
    $('.menutop').removeClass('fixed');
  }
}

$(function() {
  toggleMenuVisibility();
  $(window).bind('scroll', toggleMenuVisibility)
})

静态顶部导航栏仅在滚动后显示

3 个答案: