使用鼠标滚轮，滚动到相应部分，纯js答案

【问题标题】：Using mousewheel, scroll to the corresponding section, pure js使用鼠标滚轮，滚动到相应部分，纯js
【发布时间】：2021-06-03 16:12:51
【问题描述】：

我有 3 个部分，它们是带有照片的整页。当我向上或向下使用鼠标滚轮时，我希望它滚动到相应的部分。我不想使用某种现成的 js 脚本。我想用纯js来做。我该怎么做？

<section class="section1"></section>
<section class="section2"></section>
<section class="section3"></section>

【问题讨论】：

用户不能通过滚动来做到这一点吗？
用一个鼠标滚轮滚动到另一个“页面”？不这么认为。数百万可能可以！
您可能正在寻找类似 CSS 滚动捕捉之类的东西：css-tricks.com/practical-css-scroll-snapping

标签： javascript html scroll element mousewheel

【解决方案1】：

您可以尝试使用 window.location.href 并找到下一部分，类似这样 -

<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script type="text/javascript">
        function myFunction() {
            //Logic to find the next section......
            //........
            window.location.href = "#section2"; //Your next section
        }
    </script>
</head>
<body onscroll="myFunction()">
    <section class="section1"></section>
    <section class="section2"></section>
    <section class="section3"></section>
</body>
</html>

【讨论】：