用于Scrollbar / Mousewheeel平滑滚动的JQuery库

Question

我正在寻找一个可以让我超平滑滚动的图书馆（当使用鼠标滚轮和滚动条时），就像在这个网站http://dagobert.com/我不知道要搜索什么，也许知道它叫什么。

Answer 1

简单示例：http://codepen.io/anon/pen/FpgIG

在CSS中，只需将容器设置到固定位置，然后它就不会再滚动了。

.container {
  position: fixed;
}

当容器被修复时，#wrapper失去了它的高度。现在的想法是在JavaScript中设置#wrapper高度。

$('#wrapper').height($('.container').height());

然后，我们检测滚动事件并移动容器y位置：

$(window).scroll(function() {
  TweenMax.to('.container', 2, {
    y: - $(this).scrollTop(),
    force3D: true,
    ease: Power4.easeOut
  });
});

使用jQuery / TweenMax使其更容易。如果您愿意，可以更改补间持续时间和轻松。

玩得开心; - ）