如何使用CSS和Javascript滚动/关注菜单？

Question

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

http://jsfiddle.net/c0pnrvc6/

但向上滚动有几个缺陷，我想我错过了很多。你能帮忙吗？

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