<!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>

jquery 禁用/启用滚动条的更多相关文章

  1. jquery禁用a标签,jquery禁用按钮click点击

    jquery禁用a标签方法1 $(document).ready(function () { $("a").each(function () { var textValue = $ ...

  2. jquery禁用a标签

    jquery禁用a标签方法1 01 02 03 04 05 06 07 08 09 10 11 12 $(document).ready(function () {         $("a ...

  3. js/jquery 禁用点击事件

    前言 工作中经常遇到这种情况:验证邮箱页面的重新发送需要在3分钟后才可以点击触发请求,所以在这之前需要禁用他的点击. 网上查了后有以下几种实现方法 1.css禁用鼠标点击事件 .disabled { ...

  4. ASP.NET Boilerplate 学习 AspNet Core2 浏览器缓存使用 c#基础，单线程，跨线程访问和线程带参数 wpf 禁用启用webbroswer右键菜单 EF Core 2.0使用MsSql/MySql实现DB First和Code First ASP.NET Core部署到Windows IIS QRCode.js：使用 JavaScript 生成

    ASP.NET Boilerplate 学习   1.在http://www.aspnetboilerplate.com/Templates 网站下载ABP模版 2.解压后打开解决方案,解决方案目录: ...

  5. JS/JQuery 禁用超链接a

    JS // 禁用超链接元素elem ; document.getElementById(elemID).setAttribute('disabled', 'disabled'); // 启用超链接元素 ...

  6. jquery两个滚动条样式

    jquery两个滚动条样式 点击下载

  7. jquery判断div滚动条到底部

    jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop.scrollLeft.scrollHeight.其中 scrollHeight 属性,互联网上几乎搜 ...

  8. jQuery实现模拟滚动条效果；

    滚动条在web开发中,很常见,原生的HTML滚动条很难看,因此很多网站借助JS来模拟实现滚动条效果: 滚动条的实现原理其实比较简单,拿垂直滚动条来说: 1),最外层容器需要设置overflow:hid ...

  9. Jquery图片随滚动条加载

    很久以前的写的Jquery图片随滚动条加载,现在不是什么新技术,应用也很广泛,大大提高图片多的页面打开速度! 有需要的朋友看看吧!有什么意见或建议欢迎留言交流! Demo.html  源码: < ...

随机推荐

  1. Bzoj 1257 [CQOI2007]余数之和 (整除分块)

    Bzoj 1257 [CQOI2007]余数之和 (整除分块) 题目链接:https://www.lydsy.com/JudgeOnline/problem.php?id=1257 一道简单题. 题目 ...

  2. luogu 2296 寻找道路 (搜索)

    luogu 2296 寻找道路 题目链接:https://www.luogu.org/problemnew/show/P2296 从终点bfs或者dfs,找出所有终点能到达的点. 然后再从1到n看一下 ...

  3. 前端 MV*模式

    https://github.com/livoras/blog/issues/11 MVC 调用关系如下: Controller(model) ,controller中执行业务逻辑,操作model V ...

  4. 身为前端开发工程师，你需要了解的搜索引擎优化SEO.

    网站url网站创建具有良好描述性.规范.简单的url,有利于用户更方便的记忆和判断网页的内容,也有利于搜索引擎更有效的抓取您的网站.网站设计之初,就应该有合理的url规划. 处理方式: 1.在系统中只 ...

  5. ES5中新增的forEach等新方法的一些使用声明

    转载地址:http://www.zhangxinxu.com/wordpress/?p=3220 一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块, ...

  6. 安装tesserocr的步骤和报错RuntimeError: Failed to init API, possibly an invalid tessdata path解决办法

    1,首先下载合适的tesseract-ocr的版本 2,然后安装到这一步注意要勾选这一项来安装OCR识别支持的语言包,这样OCR就可以识别多国语言,然后就可以一直点击下一步完成安装. 3,安装tess ...

  7. 《C/C++工程师综合练习卷》之小试牛刀

    第一套练习之感受 刚刚注册了牛客网的账号,准备在此衡量一下水平,好好磨练一番.看到推荐练习<C/C++工程师综合练习卷>,oh,20道题,2个小时.由于木有经验,好一番紧张~ 结果用了20 ...

  8. Linux下Tomcat的安装和部署

    一.安装tomcat 1.下载tomcat安装包apache-tomcat-7.0.62.tar.gz和jdk1.7 2.安装tomcat,将apache-tomcat-7.0.62.tar.gz复制 ...

  9. 高级java、C#、php、SQL、JavaScript......+n多编程语言学习分享

    /*入园两周年纪念.在搬砖之路一去不返*/ //搬砖什么都好,就是有点伤Ctrl键. <div style="display:none;"> </div>

  10. 【转】OPC远程访问相关配置信息

    原文:http://blog.gkong.com/kking_25653.ashx 对于远程访问OPC服务器,需要在客户和服务器计算机上都进行DCOM设置,本文提供一些具体配置方法.(by Kevin ...