常常看到有些公司的首页非常好看,鼠标滚轮滚一下就刚刚好一个屏幕,那么是怎么实现的尼?

其实很简单,就是添加一个事件监听,上例子。

<html>
<head>
            
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>鼠标滚轮事件</title>
            <script type="text/javascript">
        window.onload = () => {
            document.getElementById("test").addEventListener("wheel", myFunction);
        }

        function myFunction(e) {
            // 阻止默认行为
            e.preventDefault();
//滚动一下触发的事件代码
        }
    </script>
        </head>
    

<body>
            <div id="test">3333333333333333333333333333333333333333333</div>
        </body>

</html>

发表评论