jquery - 如何在 http://www.chanel.com 上重新创建滚动效果

Question

今天是个好日子。

我的客户要求我重新创建在Chanel上看到的滚动效果。我对 html 和 CSS 有所了解，但对 Jquery 还是比较陌生。

当用户向下滚动时，如何隐藏幻灯片并显示内容，反之亦然？任何帮助将非常感激。

提前致谢。

Answer 1

使用https://github.com/brandonaaron/jquery-mousewheel中的插件的示例

$(document).on('mousewheel', function(event, delta, deltaX, deltaY) {
    var top = delta > 0 ? 0 : '90%';
    $('.blue').stop().animate({top:top});
});

小提琴