手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery实现定位滚动条位置
jQuery实现定位滚动条位置
摘要:jQuery实现滚动条滚动到子元素位置(方便定位)关键代码如下所示:jQuery:$("#nurse").scrollTop($("#nur...

jQuery实现滚动条滚动到子元素位置(方便定位)

关键代码如下所示:

<div id="nurse" > <table id="nurse-plan"> <tr id="tr-one"></tr> <tr id="tr-two"></tr> <tr id="tr-three"></tr> <tr id="tr-four"></tr> </table> </div>

jQuery:

$("#nurse").scrollTop($("#nurse").scrollTop() + $('#tr-three').offset().top - $("#nurse").offset().top); --普通 $("#nurse").animate({ scrollTop: $("#nurse").scrollTop() + $('#tr-three').offset().top - $("#nurse").offset().top }, 1000); --有动画效果

以上所述是小编给大家介绍的jQuery实现定位滚动条位置,希望对大家有所帮助,如果大家有任何疑问请给我们留言,小编会及时回复大家的。在此也非常感谢大家对查字典教程网的支持!

【jQuery实现定位滚动条位置】相关文章:

jQuery仿gmail实现fixed布局的方法

jQuery实现表格行上移下移和置顶的方法

jQuery实现强制cookie过期方法汇总

jQuery的Scrollify插件实现滑动到页面下一节点

JQuery+CSS实现图片上放置按钮的方法

jquery实现图片左右切换的方法

javascript实现获取服务器时间

jQuery实现div随意拖动的实例代码(通用代码)

js实现带按钮的上下滚动效果

基于jQuery插件实现环形图标菜单旋转切换特效

精品推荐
分类导航