jquery - 使导航栏具有粘性

Question

伙计们，

我的网站上有一个导航栏(http://www.mtscollective.com - 'menu-secondary-wrap')，当用户向下滚动时，我试图让它停留在页面顶部。

我已经测试了几个 jQuery 示例(例如 http://www.hongkiat.com/blog/css-sticky-position/ )，但它们总是带有自己的 CSS，这似乎干扰了我已经在使用的内容。

对于现有类(class)，最简单/最好的方法是什么？

谢谢!马里奥

Answer 1

使用这样的东西(你可以在浏览器控制台F12中查看)

jQuery(window).scroll(function() {
  if (jQuery(this).scrollTop() > 220) {
    jQuery(".menu-secondary-wrap").css({"position": "fixed", "top": 0, "width": "950px"});
  } else {
    jQuery(".menu-secondary-wrap").removeAttr("style");
  }
});

工作正常