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

Question

大家好日子。

我的客户要求我重新创建Chanel上看到的滚动效果。 我对html＆amp; amp有所了解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});
});

FIDDLE