jquery滚动事件,jquery滚动条滚动事件

JQuery监听页面滚动事件及scrollTop()，offset().top总结

语法： $(element). scrollTop() /$(element). scrollTop(val) ;

创新互联建站专注于姚安企业网站建设,响应式网站开发,商城网站建设。姚安网站建设公司,为姚安等地区提供建站服务。全流程按需制作，专业设计，全程项目跟踪，创新互联建站专业和态度为您提供的服务

eg：当匹配元素为当前页面，那么当前滚动条到整个页面顶端的距离：

var winPos =$(window). scrollTop ();

$(element). offset().top ; $(element). offset().left ;

$( window ). scroll (function(event){

});

一、原理及实现方法如下：

1、当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY；

2、当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。

二、注意：

手指在滑动整个屏幕时，会影响浏览器的行为，比如滚动和缩放。所以在调用touch事件时，要注意禁止缩放和滚动。

1.禁止缩放

通过meta元标签来设置。

2.禁止滚动

preventDefault是阻止默认行为，touch事件的默认行为就是滚动。

event.preventDefault()。

$(selector).unbind(event,function)

如果只规定了参数event, 则会删除绑定到指定事件的所有函数

$(selector).bind(event,data,function)

event 必需. 规定添加到元素的一个或多个事件. 由空格分隔多个事件. 必须是有效的事件

data 可选. 规定传递到函数的额外数据

function 必需. 规定当事件发生时运行的函数

就是说

$(document).unbind('scroll')

直接删去了所有jQ绑定的scroll事件

$(document).bind('scroll')

什麽都没做, 因为参数不够

如果想达到禁用效果

可以用局部Flag

function doSth () {

// do something

}

// 绑定scroll事件

$(window).on('scroll', doSth);

// 解绑scroll事件

$(window).off('scroll', doSth);

当前名称：jquery滚动事件,jquery滚动条滚动事件
分享地址：http://azwzsj.com/article/dsidisg.html