zoukankan      html  css  js  c++  java
  • jquery 禁用/启用滚动条

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
      <style>
        .btn-div{position:fixed;top:0;float:left;}
        .text-div{max-width:200px;float:left;}
      </style>
      <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
      <script>
            /**禁用滚动条**/
            function unScroll() {
                var top = $(document).scrollTop();
                $(document).on('scroll.unable',function (e) {
                    $(document).scrollTop(top);
                })
            }
    
            /**启用滚动条**/
            function removeUnScroll() {
                $(document).unbind("scroll.unable");
            }
      </script>
     </head>
     <body>
        <div class="btn-div">
            <input type="button" value="禁用滚动条" onclick="unScroll()">
            <input type="button" value="启用滚动条" onclick="removeUnScroll()">
        </div>
        <div class="text-div">
            <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
            </p>
        </div>
     </body>
    </html>
  • 相关阅读:
    Linux软件安装中RPM与YUM 区别和联系
    Linux分区类型EXT2、EXT3、EXT4详解
    【转】SQLServer数据库还原数据库后因孤立用户问题导致无法登陆的处理
    CVE-2018-8045 Joomla内核SQL注入漏洞
    SQL注入漏洞靶场-sqli-labs学习[1-10]
    SQL注入漏洞
    文件包含漏洞
    CSRF的攻击与防御
    XSS漏洞的基本原理
    Linux高性能服务器编程(一):TCP/IP协议族
  • 原文地址:https://www.cnblogs.com/xmqa/p/9699317.html
Copyright © 2011-2022 走看看