如何用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_mdoffset()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 60+、FF 15+、Safari 20+、Opera 90+等。

2、编程工具

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

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

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

jquery获取元素索引值index()方法：

jquery的index()方法

搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

如果不给

index()

方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。

如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。

复制代码代码如下:

foo

bar

baz

$('li')index(documentgetElementById('bar'));

//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置

$('li')index($('#bar'));

//1，传递一个jQuery对象

$('li')index($('li:gt(0)'));

//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置

$('#bar')index('li');

//1，传递一个选择器，返回#bar在所有li中的做引位置

$('#bar')index();

//1，不传递参数，返回这个元素在同辈中的索引位置。

jquery获取元素索引值index()示例

复制代码代码如下:

//用于二级或者三级联动

建站素材

jquery特效

懒人主机

前端路上

$("#nav

a")click(function(){

//四个经典的用法

var

index1

=

$("#nav

a")index(this);

var

index2

=

$("#nav

a")index($(this));

var

index3

=

$(this)index()

var

index3

=

$(this)index("a")

alert(index3);

return

false;

});

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

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

var winPos =$(window) scrollTop ();

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

$( window ) scroll (function(event){

});

以上就是关于如何用jquery实现页面滚动到指定位置后触发事件的效果全部的内容，包括:如何用jquery实现页面滚动到指定位置后触发事件的效果、jquery中怎么获得特定元素的索引值、JQuery监听页面滚动事件及scrollTop()，offset().top总结等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！