jquery滚动事件,jquery监听滚动事件

http://www.itjxue.com  2023-01-07 04:25  来源:未知  点击次数: 

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

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

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

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

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

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

});

jQuery中禁用或者启用滚动事件如何操作.scroll

$(selector).unbind(event,function)

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

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

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

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

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

就是说

$(document).unbind('scroll')

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

$(document).bind('scroll')

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

如果想达到禁用效果

可以用局部Flag

jquery怎么实现移动端手指滑动事件

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

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

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

二、注意:

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

1.禁止缩放?

通过meta元标签来设置。

2.禁止滚动?

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

event.preventDefault()。

如何用jquery实现页面滚动到指定位置后触发事件的效果?

方法:

$(function() {

$(".div_md a").click(function() {

$("html, body").animate({

scrollTop: $($(this).attr("href")).offset().top - 100 + "px"

}, 1500);

return false;

});

//滚动条滚动到指定位置触发下面事件

var getDiv_md = $(".div_md");

var offSet = getDiv_md.offset().top;

$(window).scroll(function(){

if ($(window).scrollTop() offSet){

$(".div_md").css({"position":"fixed","left":"10px","top":"10px","z-index":"2"});

}else{

$(".div_md").css({"position":"","left":"0px","top":"","z-index":""});

}

})

});

1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

2、编程工具

Notepad++:一套有特色的自由软件的纯文字编辑器,有完整的中文化接口及支持多国语言编写的功能。它的功能比Windows中的 Notepad(记事本)强大,除了可以用来制作一般的纯文字说明文件,也十分适合当作编写电脑程序的编辑器。Notepad++ 不仅有语法高亮度显示,也有语法折叠功能,并且支持宏以及扩充基本功能的外挂模组。

Brackets:一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe 创建和维护,根据MIT许可证发布,支持Windows、Linux平台。Brackets的特点是简约、优雅、快捷,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。

JS Nice:一款让经过混淆处理的JavaScript代码可读更好的工具。它使用一种用于JavaScript代码美化的去混淆和去压缩引擎。JSNice采用先进的机器学习和程序分析技术,从可用的开源项目学习命名和类型规律。

(责任编辑:IT教学网)

更多

推荐Flash教程文章