zoukankan      html  css  js  c++  java
  • JavaScript 滚动条滚动到底部才触发按钮是否可用

    应用代码片段:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style type="text/css"> 
            #info{
                width: 300px;
                height: 400px;
                background-color: pink;
                overflow: auto;
            }
        </style>
        <script type="text/javascript">
            window.onload=function(){
            var info = document.getElementById("info");
            // alert(info.innerText);
            info.onscroll = function(){
                // alert("滚动");
                if(info.scrollHeight - info.scrollTop == info.clientHeight)
                {
                    var inputs = document.getElementsByTagName("input");
                    inputs[0].disabled = false;
                    inputs[1].disabled=false;
                }
            }
    
        };
        </script>
        
    </head>
    <body>
        <h3>欢迎亲爱的用户注册</h3>
        <p id="info">注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
            注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容注册需要看的协议内容
        </p>
        <input type="checkbox" disabled="disabled"> 我已阅读协议内容,会严格遵守
        <input type="submit" value="注册" disabled="disabled">
    </body>
    </html>

    判断逻辑:

            info.onscroll = function(){
                // alert("滚动");
                if(info.scrollHeight - info.scrollTop == info.clientHeight)
                {
                    var inputs = document.getElementsByTagName("input");
                    inputs[0].disabled = false;
                    inputs[1].disabled=false;
                }
            }
  • 相关阅读:
    Oracle 存储过程_(收集)
    Oracle job procedure 存储过程定时任务(转自hoojo)
    windows环境下,Jenkins的安装和基础配置
    如何使用IntelliJ IDEA 配置Maven
    在IntelliJ IDEA中安装Junit,TestNG
    JAVA 操作 properties 配置文件
    Java语法----Java中equals和==的区别(转载)
    由于网页点击速度过快,导致selenium无法定位到元素的问题
    使用IntelliJ idea运行selenium3.0
    selenium webdriver java环境配置
  • 原文地址:https://www.cnblogs.com/runningRain/p/13944116.html
Copyright © 2011-2022 走看看