滚动改变div高度

最新推荐文章于 2023-06-09 20:01:24 发布

VIP文章吴机智

最新推荐文章于 2023-06-09 20:01:24 发布

阅读量335

点赞数

文章标签： js

本文链接：https://blog.csdn.net/m0_49893750/article/details/108503247

版权

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    div {
        width: 100px;
        height: 100px;
        background: red;
    }
</style>

<body>
    <div>
    </div>
    <script>
        // 描述： 当滚轮在元素身上滚动的时候, 向上滚动div高度减小，向下滚动div高度增大
        var div = document.getElementsByTagName('div')[0];

        function move(evs) {
            var ev = window.event || evs;
            var flag = false; // 假设flag为false的时候, 表示向下   true--上
            if (ev.wheelDelta) {
                console.log(ev.wheelDelta);
                // chrome ie 
                if (ev.wheelDelta > 0) {
                    // console.log('向上');
                    flag = true;
                } else {

最低0.47元/天解锁文章

吴机智

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
滚动改变div高度

<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> div { width: 100px; .
复制链接

扫一扫