jquery滚动事件,jquery滑动事件

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

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

创新互联建站云计算的互联网服务提供商,拥有超过13年的服务器租用、电信机房托管、云服务器、虚拟主机、网站系统开发经验，已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、虚拟主机、主机域名、VPS主机、云服务器、香港云服务器、免备案服务器等。

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滑动事件
网站URL：http://myzitong.com/article/dsejgsd.html