阅读并同意功能

最新推荐文章于 2023-07-14 22:13:34 发布
TomKing9
最新推荐文章于 2023-07-14 22:13:34 发布
阅读量1.8k
点赞数
分类专栏： js学习文章标签： js css html html5
本文链接：https://blog.csdn.net/tomking9/article/details/116713436
版权
js学习专栏收录该内容
19 篇文章 1 订阅
订阅专栏
功能描述：滚到底才可以同意并注册
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .main{
            margin: 10px auto;
            text-align: center;
        }
        .art{
            margin: 10px auto;
            width: 300px;
            height: 500px;
            overflow-y: scroll;
            background-color: burlywood;
        }
    </style>
    <script>
        window.onload = function () {
            var art = document.getElementsByClassName('art')[0]
            var submit = document.getElementById('submit')
            var agree = document.getElementById('agree')
            art.onscroll = function () {
            let height = art.clientHeight
            let cha =Math.round( art.scrollHeight - art.scrollTop)
            if(cha == height){
                submit.disabled = false
                agree.disabled = false
            }
        }
        }
    </script>
</head>
<body>
    <div class="main">
        <h3>欢迎亲爱的用户注册</h3>
        <div class="art" >亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册</div>
        <input type="checkbox" disabled value="我已阅读并同意" id="agree">我已阅读并同意
        <br>
        <input type="submit" disabled value="注册" id="submit">
    </div>
</body>
</html>
gonggong
TomKing9
关注
0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
阅读并同意功能

功能描述：滚到底才可以同意并注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫
专栏目录