javascript - 这个是滴滴的，当用户手向上或者向下滑动时，绿色框的菜单栏会隐藏，这个滑动事件怎么写呢？

Question

这个是滴滴的，当用户手向上或者向下滑动时，绿色框的菜单栏会隐藏，这个滑动事件怎么写呢？

http://es-static.xiaojukeji.c...

Answer 1

看了下，左边黑色菜单展开时是 margin-left:0 。而隐藏时是 margin-left: -220px;

假设你用的是jquery，菜单的class为side-nav，在事件处理上，监听页面滚动事件：

$(window).on('scroll', function() {
    $('.side-nav').animate({'left': '-220px'});
})

Answer 2

首先绑定滚动事件
滚动时判断 菜单是否为打开状态
如果是打开状态 执行菜单关闭功能