Question

您好我正在尝试制作一个粘贴菜单，并且＃34;坚持＆＃34;让我们说150px之后到窗口的顶部。这是我的二级菜单，我希望它在用户滚过我的标题和导航栏后留在我想要的地方，然后用滚动粘在窗口的顶部。

我设法用它来粘：

position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;

但我想要＆＃34;粘性＆＃34;从我的标题和导航栏开始的二级菜单。

希望你们能正确理解我。

这是一个例子：

http://davist11.github.io/jQuery-Stickem/

我试过这个插件，但它对我不起作用，而且我希望网站只是html css，这就是作业。感谢

Answer 1

首先，使用

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.
  }
});

您可以在此处看到它：http://jsfiddle.net/b4YAr/1/

问题是，为了实现这一点，你必须包含jQuery。以下是入门指南：http://learn.jquery.com/about-jquery/how-jquery-works/ 如果你有更多时间，我推荐关于codeacademy的jQuery课程 - http://www.codecademy.com/de/tracks/jquery

祝你好运，祝福。

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

1 个答案: