Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 修复了滚动时标题div消失的菜单_Javascript_Html_Css - Fatal编程技术网

Javascript 修复了滚动时标题div消失的菜单

Javascript 修复了滚动时标题div消失的菜单,javascript,html,css,Javascript,Html,Css,我希望合并此模板的脚本(我正在修改) 要实现此示例的效果,请执行以下操作: 我需要修改的javascript如下所示: /* JavaScript from: http://jqueryfordesigners.com/fixed- floating-elements/ */ $(function () { var sidebar = $('.sidebar'); var top = sidebar.offset().top - parseFloat(sidebar.css('mar

我希望合并此模板的脚本(我正在修改) 要实现此示例的效果,请执行以下操作:

我需要修改的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');
  }
});
});
有人能帮我修改剧本以达到效果吗


谢谢大家!

默认情况下,您已经将
nav
的位置设置为
fixed
,这不会给您提供所需的结果。默认情况下,应将其位置设置为
静态
,并在文档到达某一点后通过滚动更改该值

正如我前面提到的,实际操作中的脚本做得很好。我所做的唯一一件事就是将该脚本复制/粘贴到您的示例中(以及一些小小的CSS更改)


查看

确切的问题是什么?您提供的脚本看起来就像您期望的那样it@mrReiha在中,侧栏不会像中的示例那样移动。向下滚动时,只有标题div消失,侧边栏不会移动到顶部。