javascript - 这个是滴滴的,当用户手向上或者向下滑动时,绿色框的菜单栏会隐藏,这个滑动事件怎么写呢?
大家讲道理
大家讲道理 2017-04-10 17:17:28
0
2
310

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

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

reply all(2)
迷茫

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

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

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

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template