Javascript 修复了滚动时标题div消失的菜单
我希望合并此模板的脚本(我正在修改) 要实现此示例的效果,请执行以下操作: 我需要修改的javascript如下所示: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 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消失,侧边栏不会移动到顶部。