本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考,具体如下:
一、Js代码:
onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到中类名为son-panel的最后一个div处 //scrollToContainer = mainContainer.find('.son-panel:eq(5)');//滚动到中类名为son-panel的第六个处 //非动画效果 //mainContainer.scrollTop( // scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop() //); //动画效果 mainContainer.animate({ scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop() }, 2000);//2秒滑动到指定位置 }二、Html代码:
我是类容区域-1我是类容区域-2我是类容区域-3我是类容区域-4我是类容区域-5我是类容区域-6我是类容区域-7我是类容区域-8更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》、《jQuery form操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关推荐
- 4555555555555555454
- aspnet_admin.exe进程是安全的吗 aspnet_admin进程信息查询
- make_sock: could not bind to address 0.0.0.0:443
- 用软件lm_sensors监测Linux系统和CPU温度
- 教你SQLSERVER扩展存储过程XP_CMDSHELL的简单应用
- 教你如何用ISAPI_Rewrite做IIS防盗链
- 桌面文件丢失怎么办?找回桌面文件的妙招
- 电脑中如何将耳机和扬声器设为独立音源
- ubuntu下删除或卸载easy_install所安装的软件包
- Debian/Ubuntu下安装Apache的Mod_Rewrite模块的步骤分享
- 如何使用命令查看电脑生产日期
- windows扬声器被禁用了怎么办
- Vsftpd+tcp_wrappers控制主机和用户访问
- Centos 6.5 x86_64 安装或者设置花生壳ddns的技巧
- e_srcv03.exe是什么进程 e_srcv03进程是安全程序吗
- e_s0hic1.exe是什么进程 e_s0hic1进程安全吗
- vi_grm.exe进程是什么意思
- Windows7/2008中批量删除隧道适配器的方法
- 走进Vista系统安全中心!
- 让Vista响应更快