这个是滴滴的,当用户手向上或者向下滑动时,绿色框的菜单栏会隐藏,这个滑动事件怎么写呢?
http://es-static.xiaojukeji.c...
光阴似箭催人老,日月如移越少年。
看了下,左边黑色菜单展开时是 margin-left:0 。而隐藏时是 margin-left: -220px;
假设你用的是jquery,菜单的class为side-nav,在事件处理上,监听页面滚动事件:
$(window).on('scroll', function() { $('.side-nav').animate({'left': '-220px'}); })
首先绑定滚动事件滚动时判断 菜单是否为打开状态 如果是打开状态 执行菜单关闭功能
看了下,左边黑色菜单展开时是 margin-left:0 。而隐藏时是 margin-left: -220px;
假设你用的是jquery,菜单的class为side-nav,在事件处理上,监听页面滚动事件:
首先绑定滚动事件
滚动时判断 菜单是否为打开状态
如果是打开状态 执行菜单关闭功能