需要一些帮助设置html/css菜单或js吗

需要一些帮助设置html/css菜单或js吗,html,css,menu,sticky,Html,Css,Menu,Sticky,您好,我正在尝试制作一个粘贴菜单,在150px之后“粘贴”到窗口顶部。这是我的二级菜单,我希望在用户滚动通过我的标题和导航栏后,它停留在我想要的位置,然后用滚动条粘在窗口顶部 我设法让它粘上了这个: position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; 但我希望二级菜单的“粘性”从标题栏和导航栏开始 希望你们能正确

您好,我正在尝试制作一个粘贴菜单,在150px之后“粘贴”到窗口顶部。这是我的二级菜单,我希望在用户滚动通过我的标题和导航栏后,它停留在我想要的位置,然后用滚动条粘在窗口顶部

我设法让它粘上了这个:

position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
但我希望二级菜单的“粘性”从标题栏和导航栏开始

希望你们能正确地理解我

以下是一个例子:

我尝试了这个插件,但它没有为我工作,而且我希望该网站是唯一的html css,这是什么分配。谢谢

首先,使用

position: absolute;
给它正确的位置。然后,您需要jQuery

$(document).scrollTop()
将告诉你,你已经滚动了多远

$(window).scroll(function() {
  if ($(document).scrollTop() > 150) {
    $('#navbarthing').css({position: 'fixed', top: '0'});
  } else {
    $('#navbarthing').css({position: 'absolute', top: '150px'});
    //This is to make sure it resets if you sroll up again.
  }
});
你可以在这里看到它的作用:

问题是,为了让它工作,您必须包括jQuery。以下是一个起始指南: 如果您有更多的时间,我建议您学习关于codeacademy的jQuery课程-


祝你好运,祝你好运。

你好,我在我的网站上实现了这段代码,但当我打开DW时,它仍然不起作用。它说代码中有语法错误。对不起,我是js的新手。事实上,我有几个错误,对不起。我编辑了我的帖子,现在答案很好。