mousewheel的火狐浏览器兼容

关注

原创最新推荐文章于 2026-02-16 00:23:05 发布 742 阅读 AI 写同款· GEO 优化 ›

Unity-Mirror网络框架-从入门到精通之Mirror简介在现代游戏开发中，网络功能日益成为提升游戏体验的关键组成部分。Mirror是一个用于Unity的开源网络框架，专为多人游戏开发设计。它使得开发者能够轻松实现网络连接、数据同步和游戏状态管理。本文将深入介绍Mirror的基本概念、如何与其他网络框架进行比较，以及如何从零开始创建一个使用Mirror的简单网络项目。Mirror是一个功能强大的Lite网络框架，旨在替代Unity的UNet网络解决方案。它提供了高效的多玩家架构、简单易用的API，以及良好的社区支持。阅读详情

mousewheel是谷歌浏览器的鼠标监听
DOMMouseScroll是狐火的
另外谷歌的event.wheelDelta值是120和-120；火狐上的event.detail值是-3和3

 <div :style="style">
	 <div id="inner"> 
	 </div>
 </div>
 <script>
 export default{
      data(){
         return{
          left:1,
         }
      },
      computed:{
        style(){
          return{
             width:xxx+"px",
             marginLeft:this.left+"px"
        }
      },
      mouted(){
		this.scrollInit();
	  },
	  methods:{
		scrollInit() {
			const scrollDiv = document.getElementById("inner");
			var that = this;
			var isFirefox=/Firefox/i.test (navigator.userAgent) ; //判断是不是火狐浏览器
			var mwEvent = !isFirefox ? 'mousewheel'; 'DOMMouseScroll'
			scrollDiv.addEventListener(mwEvent, handler, false);
				function handler(e) {
					let step = 0;
					if (e.detail < 0 || e.wheelDelta < 0) {
						step = 100;
					} else {
						step = -100;
					}
					that.left-=step;
					e.preventDefault(); //当元素滚动时页面滚动禁止
			    }
	    }		 	
	  }
 }

	 

 </script>