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

问题描述

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

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

解决方法

您可以尝试使用 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>

element element html javascript mousewheel scroll scroll scroll

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

问题描述

解决方法

相关问答