Jquery跳到页面指定位置的方法_jquery

offset() (包含top left)

复制代码 代码如下:

height()
scrollTop
$("body").scrollTop(**);

原理是修改页面的scrollTop。

jquery动态效果：animate（）

复制代码 代码如下:

$("html,body").animate({ scrollTop: **}, 500);
$("html,body").animate({ scrollTop: $().offset().top-$().height() }, 500);

时间： 2024-11-03 20:58:15

Jquery跳到页面指定位置的方法_jquery的相关文章

jQuery实现将div中滚动条滚动到指定位置的方法_jquery

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法.分享给大家供大家参考,具体如下: 一.Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div

jQuery实现当前页面标签高亮显示的方法_jquery

本文实例讲述了jQuery实现当前页面标签高亮显示的方法.分享给大家供大家参考.具体实现方法如下: function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location.search; var v1 = ""; $(name).each(function () { v1 = "/" + $(this).attr("href"); if

jQuery实现给页面换肤的方法_jquery

本文实例讲述了jQuery给页面换肤的方法.分享给大家供大家参考.具体分析如下: 给页面换肤的效果有不少同学做过,今天在逛blog时也发现一段使用jQuery换肤的代码,贴上与大家分享一下: $(document).ready(function(){ $('#styleSwitch .button').bind('click', function(){ $('body').removeClass(); //remove all the other classes $('#styleSwitch

利用jquery制作滚动到指定位置触发动画_jquery

利用CSS3的 animation 动画特性来完成的,对IE的兼容性不是太好,适用与手机端. <!doctype html> <html> <head> <meta charset="utf-8"> <title>sas</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.

jQuery添加和删除指定标签的方法_jquery

jQuery如何为指定标签添加和删除一个样式: 在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实现此功能,下面通过实例来介绍一下如何实现此种功能.一.使用addClass()和removeClass()添加和删除一个CSS类: 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&qu

jQuery实现在textarea指定位置插入字符或表情的方法

 这篇文章主要介绍了jQuery实现在textarea指定位置插入字符或表情的方法,实例分析了jQuery操作表单元素的技巧,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery实现在textarea指定位置插入字符或表情的方法.分享给大家供大家参考.具体实现方法如下: 1. 函数定义 代码如下: (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; i

jQuery实现在textarea指定位置插入字符或表情的方法_jquery

本文实例讲述了jQuery实现在textarea指定位置插入字符或表情的方法.分享给大家供大家参考.具体实现方法如下: 1. 函数定义     复制代码 代码如下: (function($){     $.fn.extend({         insertAtCaret: function(myValue){             var $t=$(this)[0];             if (document.selection) {                 this.foc

不用锚点也可以平滑滚动到页面的指定位置实现代码_jquery

不用锚点也可以平滑滚动到页面的指定位置 复制代码 代码如下: <!DOCTYPE html> <html > <head> <meta content="text/html; charset=utf-8" /> <title>ScrollTo:平滑滚动到页面指定位置</title> <link rel="stylesheet" type="text/css" href=

jQuery实现当前页面标签高亮显示的方法

 这篇文章主要介绍了jQuery实现当前页面标签高亮显示的方法,涉及jQuery通过自定义函数操作css样式的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现当前页面标签高亮显示的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location.sear