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

  • 相关阅读:
    方维o2o系统域名绑定破解详解
    smarty 学习笔记一
    手机禁止缩放网页 手机CSS导入
    Android 学习笔记(一)
    自动填充短信验证码(使用ContentObserver)
    分享100个开源android项目源码
    php如何实现验证码
    Zend Studio 13 v13.0.0汉化中文版
    java中的静态方法
    继承代码
  • 原文地址:https://www.cnblogs.com/wanqiu/p/5306546.html
Copyright © 2011-2022 走看看