zoukankan      html  css  js  c++  java
  • 判断鼠标滚动方向

    #第一种

        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

  • 相关阅读:
    C# 调用cmd执行指令
    如何发布 silverlight wcf 简单易学
    C#读取特定目录下的所有文件
    用批处理bat一次安装所有的系统更新补丁
    动态创建datagrid序号
    学习DIV+CSS一个最简单的布局一行三列DIV代码!
    highslide图片查看特效
    相册程序mageVue
    让Apache支持ASP.NET
    ASP.NET四种页面导航方式之比较与选择
  • 原文地址:https://www.cnblogs.com/wanqiu/p/5306546.html
Copyright © 2011-2022 走看看