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


Posted in Javascript onMay 12, 2014

offset() (包含top left)

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

原理是修改页面的scrollTop。

jquery动态效果:animate()

$("html,body").animate({ scrollTop: **}, 500); 
$("html,body").animate({ scrollTop: $().offset().top-$().height() }, 500);
Javascript 相关文章推荐
JS对象与JSON格式数据相互转换
Feb 20 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
vue父组件点击触发子组件事件的实例讲解
Feb 08 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
May 18 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
vue实现商城秒杀倒计时功能
Dec 12 Javascript
工作中常用js功能汇总
Nov 07 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 #Javascript
JS版的date函数(和PHP的date函数一样)
May 12 #Javascript
七个很有意思的PHP函数
May 12 #Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 #Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 #Javascript
JavaSript中变量的作用域闭包的深入理解
May 12 #Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 #Javascript
You might like
global.php
2006/12/09 PHP
PHP ajax 分页类代码
2008/11/13 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
ASP SQL防注入的方法
2008/12/25 Javascript
myEvent.js javascript跨浏览器事件框架
2011/10/24 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
理解Javascript的动态语言特性
2015/06/17 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
python封装对象实现时间效果
2020/04/23 Python
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
python实现事件驱动
2018/11/21 Python
Python sep参数使用方法详解
2020/02/12 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
英国最大的百货公司:Harrods
2016/08/18 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
几道Web/Ajax的面试题
2016/11/05 面试题
个人廉洁自律承诺书
2014/03/27 职场文书
教师群众路线心得体会
2014/11/04 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
2015年十一国庆节演讲稿
2015/03/20 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python