(function ($) {
var mouseScroll = function (e) {
try {
var origEvent = e.originalEvent;
origEvent.preventDefault();
} catch (err) {
}
};
var mouseWheel = function (e) {
try {
e = e || window.event;
e.preventDefault();
e.returnValue = false;
} catch (err) {
}
};
$.fn.preventOuterScroll = function () {
var element = this.get(0);
if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
this.on("DOMMouseScroll", function (e) {
var origEvent = e.originalEvent;
element.scrollTop += origEvent.detail > 0 ? 60 : -60;
origEvent.preventDefault();
});
} else {
element.onmousewheel = function (e) {
e = e || window.event;
element.scrollTop += e.wheelDelta > 0 ? -60 : 60;
e.preventDefault();
e.returnValue = false;
};
}
return this;
};
$.fn.preventScroll = function () {
var element = this.get(0);
if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
this.on("DOMMouseScroll", mouseScroll);
} else {
$(element).on("mousewheel", mouseWheel);
}
return this;
};
$.fn.liveScroll = function() {
var element = this.get(0);
if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
this.off("DOMMouseScroll", mouseScroll);
} else {
$(element).off("mousewheel", mouseWheel);
}
return this;
};
}($));

scrollHelper的更多相关文章

  1. XtraScrollableControl 滚动条控件随鼠标滚动

    using System; using System.Windows.Forms; using DevExpress.XtraEditors; namespace WindowsFormsApplic ...

  2. xtraScrollableControl 滚动条随鼠标滚动

    代码如下 // using System; using System.Windows.Forms; using DevExpress.XtraEditors; namespace WindowsFor ...

  3. DialogHelper

    //require ScrollHelper.js function DialogHelper() { var _this = this; var doc = window.document; _th ...

随机推荐

  1. Spring笔记03(Spring创建对象的三种方式)

    1.创建对象的三种方式和bean的生命周期的验证: Animal接口代码: package cn.pb.dao; /** * 动物接口 */ public interface Animal { //吃 ...

  2. ACM学习历程——HDU2227 Find the nondecreasing subsequences(线段树 && dp)

    Description How many nondecreasing subsequences can you find in the sequence S = {s1, s2, s3, ...., ...

  3. 百度地图API的第一次接触

    因为项目的需求,第一次接触了百度API. 第一步:引用百度地图API的脚本 如果在局域网环境中,要把地图文件和js文件都要下载下来 <script type="text/javascr ...

  4. HTML DOM nodeType 属性

    实例 获得 body 元素的节点类型: document.body.nodeType; 结果: 1 定义和用法 nodeType 属性返回以数字值返回指定节点的节点类型. 如果节点是元素节点,则 no ...

  5. request实现请求转发

    ServletContext可以实现请求转发,request也可以. 在forward之前输入到response缓冲区中的数据,如果已经被发送到了客户端,forward将失败,抛出异常 在forwar ...

  6. java 基础知识学习 priorityQueue

      ArrayList:动态扩容(相对于数组),数组实现查询非常快但要求连续内存空间. 双向队列LinkedList:不需要像ArrayList一样创建连续的内存空间,它以链表的形式连接各个节点,但是 ...

  7. js避免命名冲突

    [1]工程师甲编写功能A var a = 1; var b = 2; alert(a+b); [2]工程师乙添加新功能B var a = 2; var b = 1; alert(a-b); [3]上一 ...

  8. 01_SQlite数据库简介

  9. mysql由浅入深探究(二)----mysql用户操作

    上一节我们完成了mysql的安装,现在我们将开启实战模式,完成一些基本的mysql操作.这节我们分为一些几个内容: mysql中用户新建 mysql中用户删除 mysql中用户修改 mysql中用户查 ...

  10. IDEA如何找到接口的实现类

    如何找到接口的实现类 (IDEA))在ApplicationContext上右击 Diagrams ->show diagram 可以看到继承关系: 在ApplicationContext上右击 ...