我是靠谱客的博主 稳重乐曲,最近开发中收集的这篇文章主要介绍鼠标滚轮事件1.布局,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.布局

<div class="fonts white-bg">

        <div class="fon" ref="tabList" @mousewheel="mouse">.........</div>

</div>

methods:{

    mouse(event) {    //滚轮事件

      //wheelDelta是判断鼠标滚动方向的指标

      //wheelDelta的值为正(120.240...)则是鼠标向上;为负(-120,-240)则是向下。

        if (event.wheelDelta > 0) {

                this.$refs.tabList.scrollLeft -= 10;      // 如果滚轮往前划则滚动条往左

        } else {

                 this.$refs.tabList.scrollLeft += 10;    // 如果滚轮往后划则滚动条往右

        }

    },

}

最后

以上就是稳重乐曲为你收集整理的鼠标滚轮事件1.布局的全部内容,希望文章能够帮你解决鼠标滚轮事件1.布局所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部