jQuery實現(xiàn)滾動條滾動到子元素位置（方便定位）

更新時間：2017年01月08日 14:36:28 作者：Mr.Bruce

本文主要介紹了jQuery實現(xiàn)滾動條滾動到子元素位置的方法。具有一定的參考價值，下面跟著小編一起來看下吧

話不多說，請看代碼：

<div class="of-y" id="nurse" >
　　<table class="high width" 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); --有動畫效果

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

基于jquery的給文章加入關(guān)鍵字鏈接
最近在做一個網(wǎng)站，遇到需要給網(wǎng)站內(nèi)所有的文章加關(guān)鍵字鏈接的問題，我們在瀏覽一些網(wǎng)站的文章的時候，會發(fā)現(xiàn)文章里面的某些關(guān)鍵字是加了鏈接的，并且高亮顯示。
2010-10-10
jquery實現(xiàn)獲取具體時間(年月日)后3個月+1天的年月日
這篇文章主要為大家詳細介紹了jquery如何實現(xiàn)獲取具體時間(年月日)后3個月+1天的年月日,文中的示例代碼講解詳細,有需要的小伙伴可以參考一下
2023-11-11
基于JQuery的浮動DIV顯示提示信息并自動隱藏
浮動DIV定時顯示提示信息,如操作成功, 失敗等,需要的朋友可以參考下。
2011-02-02
jQuery綁定事件-多種實現(xiàn)方式總結(jié)
下面小編就為大家?guī)硪黄猨Query綁定事件-多種實現(xiàn)方式總結(jié)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
2016-05-05
關(guān)于jquery動態(tài)增減控件的一些想法和小插件
這段代碼壓縮到100行內(nèi)，而且擴展方便，可以非常輕松的增減控件的數(shù)量,使用非常簡單。
2010-08-08
基于jQuery實現(xiàn)定位導航位置效果
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)定位導航位置效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
jquery 表格的增行刪行實現(xiàn)思路
表格增行刪行一般情況下都是通過修改html結(jié)構(gòu)實現(xiàn)的，接下來為大家介紹下如何使用jquery實現(xiàn)表格增行刪行，感興趣的各位可不要錯過了哈
2013-03-03
用jquery實現(xiàn)自定義風格的滑動條實現(xiàn)代碼
用jquery實現(xiàn)自定義風格的滑動條的實現(xiàn)代碼，需要的朋友可以參考下。
2011-04-04
Jquery實現(xiàn)自定義窗口隨意的拖拽
點擊一個按鈕時，彈出一個自定義窗口，并且可以隨意的拖拽，jquery也可以實現(xiàn)這樣的功能，下面有個不錯的示例，大家可以感受下
2014-03-03
jQuery實現(xiàn)滾動切換的tab選項卡效果代碼
這篇文章主要介紹了jQuery實現(xiàn)滾動切換的tab選項卡效果代碼,涉及jquery鏈式操作及樣式動態(tài)操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08