javascript - 如何使用 CSS 和 Javascript 滚动/跟随菜单？

Question

如何使用 CSS 和 Javascript 滚动/跟随菜单？

我正在测试此页面上的滚动/跟随菜单，http://www.pablitogreco.com/xtango/#x .菜单存在于模态窗口中。在研究了来自 stackoverflow 的大量示例之后，这是一个更接近的示例:

http://jsfiddle.net/c0pnrvc6/

但是向上滚动有几个缺陷，我想我遗漏了很多。我对 Stackoverflow 和其他平台进行了广泛的研究，并尝试了许多实现。拜托，你能协助我的以下代码，并指出正确的方向吗？

HTML

<div class=scroller>Xtango</div>

CSS

.scroller {
position: relative;
top: 0px;
width: 100%;
background-color: rgba(255, 255, 255, 0.68);
z-index: 1}

Javascript

$(window).scroll(function() {
if ($(window).scrollTop() > 0) {
$('.scroller').css('top', $(window).scrollTop()); } });

Answer 1

尝试使用 -1 而不是 0。

$(window).scroll(function() {
  if ($(window).scrollTop() > -1) {
    $('.scroller').css('top', $(window).scrollTop());
  }
});