鼠标滚轮控制标签显示和隐藏

yugi

body{

    height: 1111px;

}

var agent = navigator.userAgent;

if (/.*Firefox.*/.test(agent)) {

    document.addEventListener("DOMMouseScroll", function(e) {

        e = e || window.event;

        var detail = e.detail;

        if (detail > 0) {

            console.log("鼠标向下滚动");

        } else {

            console.warn("鼠标向上滚动");

        }

    });

} else {

    document.onmousewheel = function(e) {

        e = e || window.event;

        var wheelDelta = e.wheelDelta;

        if (wheelDelta > 0) {

            console.log("鼠标向上滚动");

        } else {

            console.warn("鼠标向下滚动");

        }

    }

}

function showHideCode(){

    $("#showdiv").toggle();

}

我是展示的第一部分

我是隐藏的那部分

查看更多

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,053评论 0 2
  • 北京2018年4月1日上午,NBA常规赛勇士客战国王的比赛中,发生了令人痛心不已的一幕。比赛进行到第三节还有41...
    Curry_宇阅读 1,243评论 1 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,103评论 1 10
  • 我怎敢倒下,因为身后无人!这是一种无奈还是一种愤慨,每个人都是一个行客,在飘摇的江湖里书写属于自己的故事...
    梨墨花香阅读 409评论 0 0
  • 人与人之间的理解,是开启信任之门的钥匙。理解可以看成是思维的同向、感情的同频。理解需要学...
    冰夫阅读 437评论 0 0