如何使网站页面向下滚动 - 同时按住鼠标按钮 - 而不是滚动？答案

【问题标题】：How does one make a website page scroll down - while holding down the mouse button - instead of scrolling?如何使网站页面向下滚动 - 同时按住鼠标按钮 - 而不是滚动？
【发布时间】：2023-01-17 20:58:52
【问题描述】：

想让页面向下移动——就像用户用鼠标滚轮滚动一样。

想写代码

当按下鼠标左键（按住）时 - （页面上的任何位置）- 页面以加速方式向下移动 - 考虑指数曲线
我曾经对视频游戏开发很感兴趣——并且真的很喜欢从 0 到 100 思考事情——想知道是否有人找到了这样做的方法？

谢谢大家 - 爱你们 - AG

这是我正在尝试做的一个例子

https://agbabbbycakes.github.io/

【问题讨论】：

请提供足够的代码，以便其他人可以更好地理解或重现问题。

标签： html button mouse move

【解决方案1】：

要求 Chat GPT 做到这一点 - 它做到了！

以下是如何“根据用户在页面上任意位置按下鼠标按钮的时间长短，使页面向下滚动的速度越来越快”

HTML

<body onmousedown="startScroll()" onmouseup="stopScroll()">
<!-- Your content goes here -->

  let intervalId;
let scrollSpeed = 10; // starting scroll speed

function startScroll() {
    intervalId = setInterval(() => {
        window.scrollBy(0, scrollSpeed);
        scrollSpeed += 1; // increment scroll speed
    }, 50);
}

function stopScroll() {
    clearInterval(intervalId);
    scrollSpeed = 10; // reset scroll speed
}

【讨论】：