Question

我希望结合此模板的脚本（我正在修订） 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');
  }
});
});

有人可以帮我修改脚本以达到效果吗？

谢谢！

Answer 1

默认情况下，您已经将nav的位置设置为fixed，这将无法获得理想的结果。默认情况下，您应该将其位置设置为static，并在文档到达特定点后通过滚动更改该值。

正如我前面提到的，实际OP中的脚本运行正确。我唯一要做的就是将脚本复制/粘贴到您的示例中（以及一些小的CSS更改）。

签出this revised version at codePen

固定菜单，滚动时标题div消失

1 个答案: