jQuery實(shí)現(xiàn)滾動條滾動到子元素位置（方便定位）
更新時間：2017年01月08日 14:36:28 作者：Mr.Bruce
本文主要介紹了jQuery實(shí)現(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)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
您可能感興趣的文章:
- jquery滾動條插件slimScroll使用方法
- js/jquery控制頁面動態(tài)加載數(shù)據(jù) 滑動滾動條自動加載事件的方法
- 利用jquery禁止外層滾動條的滾動
- jQuery實(shí)現(xiàn)立體式數(shù)字滾動條增加效果
- jQuery中Nicescroll滾動條插件的用法
- jQuery判斷是否存在滾動條的簡單方法
- jQuery彈出層后禁用底部滾動條(移動端關(guān)閉回到原位置)
- jQuery實(shí)現(xiàn)將div中滾動條滾動到指定位置的方法
- vue中如何引入jQuery和Bootstrap
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
- Jquery與Bootstrap實(shí)現(xiàn)后臺管理頁面增刪改查功能示例
- 利用jquery和BootStrap實(shí)現(xiàn)動態(tài)滾動條效果
相關(guān)文章
本文主要分享了jquery實(shí)現(xiàn)百葉窗效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
jquery實(shí)現(xiàn)圖片上傳之前預(yù)覽的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)圖片上傳之前預(yù)覽的方法,涉及jquery針對圖片及頁面元素的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jquery制作的移動端購物車效果,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery移動端購物車具體功能實(shí)現(xiàn)、數(shù)值計算、界面布局與顯示效果相關(guān)操作技巧,需要的朋友可以參考下
2020-02-02 
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)驗證用戶登錄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12 
這篇文章主要介紹了使用jQuery獲取元素父節(jié)點(diǎn)的方法,通俗易懂,需要的朋友可以參考下。
2016-06-06 
前些時候為了熟悉國際象棋的各種開局，隨手寫了一個很簡單的國際象棋棋盤（實(shí)在找不到現(xiàn)成的）。
2009-06-06 
jquery select操作的日期聯(lián)動實(shí)現(xiàn)代碼
是很簡單的代碼 不過我自己操作的時候才發(fā)現(xiàn)我自己還有很多不懂，要多實(shí)際應(yīng)用才發(fā)現(xiàn)問題，哎~~
2009-12-12 
jQuery Form插件使用詳解_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery Form插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07 
本篇文章給大家詳細(xì)分析了jQuery中的isPlainObject()使用方法，對此有需求的讀者們可以學(xué)習(xí)下。
2018-02-02