修复了标题 div 在滚动时消失的菜单答案

【问题标题】：Fixed menu with title div disappearing on scrolling修复了标题 div 在滚动时消失的菜单
【发布时间】：2019-03-01 07:48:04
【问题描述】：

我希望结合这个模板的脚本（我正在修改） https://codepen.io/lydiawawa/pen/gEPpwX 从这个例子中得到效果： https://codepen.io/jamesbarnett/pen/JwFuy

我需要修改的javascript如下：

/* JavaScript from: http://jqueryfordesigners.com/fixed- 
   floating-elements/ */

$(function () {
var sidebar = $('.sidebar');
var top = sidebar.offset().top - parseFloat(sidebar.css('margin-top'));

$(window).scroll(function (event) {
  var y = $(this).scrollTop();
  if (y >= top) {
    sidebar.addClass('fixed');
  } else {
    sidebar.removeClass('fixed');
  }
});
});

谁能帮我修改脚本以达到效果？

谢谢！

【问题讨论】：

究竟是什么问题？您提供的脚本似乎就像您期望的那样做
@mrReiha 在codepen.io/lydiawawa/pen/gEPpwX 中，侧栏不会像codepen.io/jamesbarnett/pen/JwFuy 中的示例那样移动。当您向下滚动时，只有标题 div 消失，侧边栏不会移动到顶部。

标签： javascript html css

【解决方案1】：

您已经将nav 的位置默认设置为fixed，这不会给您想要的结果。您应该将其位置默认设置为static，并在文档到达某个点后通过滚动更改该值。

正如我之前提到的，实际 OP 中的那个脚本正在做正确的工作。我唯一做的就是将该脚本复制/粘贴到您的示例中（以及一些微小的 CSS 更改）。

查看this revised version at codePen

【讨论】：