jQuery實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到子元素位置（方便定位）
更新時(shí)間：2017年01月08日 14:36:28 作者：Mr.Bruce
本文主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到子元素位置的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
話(huà)不多說(shuō)，請(qǐng)看代碼：
<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); --有動(dòng)畫(huà)效果
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
- jquery滾動(dòng)條插件slimScroll使用方法
- js/jquery控制頁(yè)面動(dòng)態(tài)加載數(shù)據(jù) 滑動(dòng)滾動(dòng)條自動(dòng)加載事件的方法
- 利用jquery禁止外層滾動(dòng)條的滾動(dòng)
- jQuery實(shí)現(xiàn)立體式數(shù)字滾動(dòng)條增加效果
- jQuery中Nicescroll滾動(dòng)條插件的用法
- jQuery判斷是否存在滾動(dòng)條的簡(jiǎn)單方法
- jQuery彈出層后禁用底部滾動(dòng)條(移動(dòng)端關(guān)閉回到原位置)
- jQuery實(shí)現(xiàn)將div中滾動(dòng)條滾動(dòng)到指定位置的方法
- vue中如何引入jQuery和Bootstrap
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
- Jquery與Bootstrap實(shí)現(xiàn)后臺(tái)管理頁(yè)面增刪改查功能示例
- 利用jquery和BootStrap實(shí)現(xiàn)動(dòng)態(tài)滾動(dòng)條效果
相關(guān)文章
最近在做一個(gè)網(wǎng)站，遇到需要給網(wǎng)站內(nèi)所有的文章加關(guān)鍵字鏈接的問(wèn)題，我們?cè)跒g覽一些網(wǎng)站的文章的時(shí)候，會(huì)發(fā)現(xiàn)文章里面的某些關(guān)鍵字是加了鏈接的，并且高亮顯示。2010-10-10
jquery實(shí)現(xiàn)獲取具體時(shí)間(年月日)后3個(gè)月+1天的年月日
這篇文章主要為大家詳細(xì)介紹了jquery如何實(shí)現(xiàn)獲取具體時(shí)間(年月日)后3個(gè)月+1天的年月日,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2023-11-11
基于JQuery的浮動(dòng)DIV顯示提示信息并自動(dòng)隱藏
浮動(dòng)DIV定時(shí)顯示提示信息,如操作成功, 失敗等,需要的朋友可以參考下。2011-02-02
jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)
下面小編就為大家?guī)?lái)一篇jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
關(guān)于jquery動(dòng)態(tài)增減控件的一些想法和小插件
這段代碼壓縮到100行內(nèi)，而且擴(kuò)展方便，可以非常輕松的增減控件的數(shù)量,使用非常簡(jiǎn)單。2010-08-08
基于jQuery實(shí)現(xiàn)定位導(dǎo)航位置效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)定位導(dǎo)航位置效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
表格增行刪行一般情況下都是通過(guò)修改html結(jié)構(gòu)實(shí)現(xiàn)的，接下來(lái)為大家介紹下如何使用jquery實(shí)現(xiàn)表格增行刪行，感興趣的各位可不要錯(cuò)過(guò)了哈2013-03-03
用jquery實(shí)現(xiàn)自定義風(fēng)格的滑動(dòng)條實(shí)現(xiàn)代碼
用jquery實(shí)現(xiàn)自定義風(fēng)格的滑動(dòng)條的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-04-04
點(diǎn)擊一個(gè)按鈕時(shí)，彈出一個(gè)自定義窗口，并且可以隨意的拖拽，jquery也可以實(shí)現(xiàn)這樣的功能，下面有個(gè)不錯(cuò)的示例，大家可以感受下2014-03-03
jQuery實(shí)現(xiàn)滾動(dòng)切換的tab選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)切換的tab選項(xiàng)卡效果代碼,涉及jquery鏈?zhǔn)讲僮骷皹邮絼?dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08