判断鼠标滚动方向
2016-03-22 15:06
465 查看
#第一种
return if !$state.is 'public.home'
toolbar = $('.js-article-toolbar')
$scope.oldToolbarPos = 0 if !$scope.oldToolbarPos && $scope.oldToolbarPos != 0
scrollTop = $(_this).scrollTop()
$timeout.cancel $scope.headroomTimer
$scope.headroomTimer = $timeout ->
if scrollTop > $scope.oldToolbarPos
#向上
toolbar.removeClass('slideInDown').addClass('slideOutUp')
else
#向下
toolbar.removeClass('slideOutUp').addClass('slideInDown')
$scope.oldToolbarPos = scrollTop
, 50, false
#第二种
# $(window).on 'mousewheel DOMMouseScroll', (e)->
# console.log '鼠标滚动方向:', e
# if e.originalEvent.wheelDelta #IE 谷歌
# _delta = parseInt e.originalEvent.wheelDelta
# if _delta > 0
# #向上
# console.log '向上', _delta
# else
# #向下
# console.log '向下', _delta
# else if e.originalEvent.detail #火狐
# _delta = parseInt e.originalEvent.detail
# if _delta > 0
# #向上
# console.log '向下', _delta
# else
# #向下
# console.log '向上', _delta
return if !$state.is 'public.home'
toolbar = $('.js-article-toolbar')
$scope.oldToolbarPos = 0 if !$scope.oldToolbarPos && $scope.oldToolbarPos != 0
scrollTop = $(_this).scrollTop()
$timeout.cancel $scope.headroomTimer
$scope.headroomTimer = $timeout ->
if scrollTop > $scope.oldToolbarPos
#向上
toolbar.removeClass('slideInDown').addClass('slideOutUp')
else
#向下
toolbar.removeClass('slideOutUp').addClass('slideInDown')
$scope.oldToolbarPos = scrollTop
, 50, false
#第二种
# $(window).on 'mousewheel DOMMouseScroll', (e)->
# console.log '鼠标滚动方向:', e
# if e.originalEvent.wheelDelta #IE 谷歌
# _delta = parseInt e.originalEvent.wheelDelta
# if _delta > 0
# #向上
# console.log '向上', _delta
# else
# #向下
# console.log '向下', _delta
# else if e.originalEvent.detail #火狐
# _delta = parseInt e.originalEvent.detail
# if _delta > 0
# #向上
# console.log '向下', _delta
# else
# #向下
# console.log '向上', _delta
相关文章推荐
- Verilog入门实例
- MySQL create table 语法
- TortoiseGIT的安装过程详解
- 避免Java应用中NullPointerException
- servlet初始02-servlet读取表单报头数据会话跟踪
- linux vmstat 使用
- 150302数字排序
- 浅谈HTML5 WebSocket的机制
- Android_Class_Activity
- hibernate中使用sql返回结果转为非持久化对象
- Mysql临时表
- spark partitioner使用技巧
- linux命令:pwd命令
- IIC总线协议总结
- H5 - 音频视频标签的使用
- C#类、接口、虚方法和抽象方法0322
- React Native学习笔记-1:JSC profiler is not supported.
- LEA指令
- [LeetCode]题解(python):126-Word Ladder II
- iOS开源App整理