手机
当前位置:查字典教程网 >编程开发 >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结合ajax实现动态加载文本内容

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

JQuery实现带排序功能的权限选择实例

jquery实现动态改变div宽度和高度

javascript实现简单的进度条

jQuery插件实现适用于移动端的地址选择器

jquery实现用户打分评分特效

jQuery插件jRumble实现网页元素抖动

jQuery实现文本展开收缩特效

jQuery实现延迟跳转的方法

精品推荐
分类导航