jquery - 向下滑动固定表头

Question

我坐在这里创建我自己的小网站。 对于我的第一个响应式布局，我想在滚动 200 像素后向下滑动我的标题并修复它。

我这里有这段代码:

 $(window).scroll(function(){
  var header = $('header'),
      scroll = $(window).scrollTop();

  if (scroll >= 200) header.addClass('fixed');
  else header.removeClass('fixed');
});

用于修复 200px 之后的页眉。但是这个解决方案有点难。 希望你能帮我。感谢支持。

Answer 1

我认为您可能忘记将类添加到 header 对象中。如果你有一个带有 class='header' 的 div，那么你的变量声明应该是:

var header = $('.header'),

这是一个link to a jsfiddle以及此代码工作的示例。