jQuery aminate方法定位到页面具体位置


Posted in Javascript onDecember 26, 2013

通过jQuery的aminate动画方法定位。

示例如下:

scrollOffset($("#qa").offset()); // jQuery 定位让body的scrollTop等于pos的top,就实现了滚动 
function scrollOffset(scroll_offset) { 
$("body,html").animate({ 
scrollTop: scroll_offset.top - 70 
}, 0); 
}
Javascript 相关文章推荐
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
JS无限树状列表实现代码
Jan 11 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
jQuery.trim() 函数及trim()用法详解
Oct 26 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 #Javascript
JS获取select-option-text_value的方法
Dec 26 #Javascript
js中split函数的使用方法说明
Dec 26 #Javascript
js中reverse函数的用法详解
Dec 26 #Javascript
js中继承的几种用法总结(apply,call,prototype)
Dec 26 #Javascript
js浮点数保留两位小数点示例代码(四舍五入)
Dec 26 #Javascript
js中Math之random,round,ceil,floor的用法总结
Dec 26 #Javascript
You might like
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
PHP中__get()和__set()的用法实例详解
2013/06/04 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
jquery 防止表单重复提交代码
2010/01/21 Javascript
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
2010/07/17 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
2017/04/14 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
js实现多个倒计时并行 js拼团倒计时
2019/02/25 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
将python图片转为二进制文本的实例
2019/01/24 Python
python3对接mysql数据库实例详解
2019/04/30 Python
python之mock模块基本使用方法详解
2019/06/27 Python
Django密码存储策略分析
2020/01/09 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
台湾网友喜爱的综合型网路购物商城:Yahoo! 奇摩购物中心
2018/03/10 全球购物
日本航空官方网站:JAL
2019/06/19 全球购物
生日派对邀请函
2014/01/13 职场文书
公证委托书模板
2014/04/03 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
合伙协议书范本
2014/04/21 职场文书
公司门卫岗位职责范本
2014/07/08 职场文书
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby