搜索

回答

可以通过mousewheel插件来监听，然后设置scrolltop参数来手动移动，完整代码如下，可在线运行

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>

    <script id="bfwone" data="dep=jquery.17|jquery.mousewheel.3.13.min&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        function wheel($div, deltaY) {
            var step = 30;
            var pos = $div.scrollTop();
            var nextPos = pos + (step * (-deltaY))
            console.log("DelatY: " + deltaY + ", Step: " + step + ", nextPos: " + nextPos);
            $div.scrollTop(nextPos);
        }
        bready(function() {


            $('#test').bind('mousewheel', function (event, delta, deltaX, deltaY) {
                if (delta > -2 && delta < 2) {
                    wheel($(this), deltaY);
                    event.preventDefault();
                }
                console.log(delta);
            });


        });
    </script>
    <style type="text/css">
        #test {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            overflow-x: hidden;
            overflow-y: auto;
        }
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            position: relative;
        }

        .test2 {
            width: 100%;
            height: 3000px;
        }
        .block {
            height: 30px;
            box-sizing: border-box;
            width: 100%;
            background-color: green;
            border: 3px solid black;
        }

    </style>
</head>
<body>
    <div id="test">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
    </div>
</body>
</html>

网友回复

我知道答案，我要回答

我有问题

回答

如何写ai提示词让大模型根据主题生成视频脚本json，然后让Hyperframe渲染出mp4视频？

有哪些字体使用等宽编程代码展示？

如果让演唱会歌迷的上万手机屏幕和闪光灯一起被现场中控控制闪烁？

Midjourney为啥进军医疗领域了？

python如何跟踪足球比赛指定球员全场运动标注打聚光灯合成

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？