<!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. HDU-1009-肥鼠交易

    这题是一道简单的可拆分的贪心题目,需要注意的是,我们定义的结构体里面都应该用double类型, 或者float类型,不然两个int相除,就失去了精度(强转也可以). #include <cstd ...

  2. 初涉树形dp

    算是一个……复习以及进阶? 什么是树形dp 树形dp是一种奇妙的dp…… 它的一个重要拓展是和各种树形的数据结构结合,比如说在trie上.自动机上的dp. 而且有些时候还可以拓展到环加外向树.仙人掌上 ...

  3. mysql常见监控项

    1.MySQL服务运行状态 约定所有MySQL服务都必须以ip1(内网ip)来绑定,每个机器只有一个ip1,可以有多个端口,即多个MySQL Server.采集程序读取ip端口信息文件来判断serve ...

  4. 算法学习记录-图——最小路径之Floyd算法

    floyd算法: 解决任意两点间的最短路径的一种算法,可以正确处理有向图或负权的最短路径问题,同时也被用于计算有向图的传递闭包. 设为从到的只以集合中的节点为中间节点的最短路径的长度. 若最短路径经过 ...

  5. Debian 修改时间时区

    http://blog.51cto.com/zhujiangtao/1554976 第一种图形化方面推荐使用 第二种修改文件的形式 只是在当前的terminal生效 笔者使用的是: debian9.3

  6. 【转】js里的时间函数集

    $(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); $("#time").text(t); ...

  7. Python Flask+Mysql练习题

    #!/usr/bin/pythonfrom flask import Flask,render_template,request,redirect,sessionimport MySQLdb as m ...

  8. 在 Yii2 项目中使用 Composer 添加 FontAwesome 字体资源

    2014-06-21 19:05 原文 简体 繁體 2,123 次围观 前天帮同事改个十年前的网站 bug,页面上一堆 include require 不禁让人抱头痛哭.看到 V2EX 上的讨论说,写 ...

  9. 【UML】9种图+包图

    导读:在UML的学习中,介绍了9种图,外加一个包图.这9种图和4大关系,可以说是UML的一个核心内容.我根据自己的笔记,以及查阅的一些资料,对这9种图和包图,做一个总结. 一.基本定义 1.1  总体 ...

  10. shell的case-esac

    case ... esac 与其他语言中的 switch ... case 语句类似,是一种多分枝选择结构. case 语句匹配一个值或一个模式,如果匹配成功,执行相匹配的命令.case语句格式如下: ...