关于移动端scroll不执行的问题

最新推荐文章于 2023-08-30 16:22:08 发布

大泽是超人

最新推荐文章于 2023-08-30 16:22:08 发布

阅读量9.5k

点赞数 2

CC 4.0 BY-SA版权

文章标签：移动

本文链接：https://blog.youkuaiyun.com/weixin_39967349/article/details/78902033

本文提供了一个简单的网页示例，使用JavaScript监听滚动事件，当用户滚动到页面底部时弹出提示。此示例利用了HTML和jQuery来实现功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

别问我为什么直接拿去用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
</head>
<body >
        <div style="height: 50vh;width: 100%;border: 1px solid #ccc"></div>
        <div style="height: 50vh;width: 100%;border: 1px solid #ccc"></div>
        <div style="height: 50vh;width: 100%;border: 1px solid #ccc"></div>
</body>
</html>
<script type="text/javascript">
    window.addEventListener('scroll', function () {
       if(window.pageYOffset + window.innerHeight >= document.documentElement.scrollHeight){
            alert("xx")
       }
    })
</script>