jQuery實現(xiàn)定位滾動條位置
更新時間:2016年08月05日 11:18:27 作者:Mr.Bruce
基于jQuery實現(xiàn)滾動條滾動到子元素位置以此來定位滾動條位置,下面是小編給大家?guī)淼膶崿F(xiàn)代碼,代碼比較簡單,需要的朋友可以參考下
jQuery實現(xiàn)滾動條滾動到子元素位置(方便定位)
關(guā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); --有動畫效果
以上所述是小編給大家介紹的jQuery實現(xiàn)定位滾動條位置,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- jQuery彈出層后禁用底部滾動條(移動端關(guān)閉回到原位置)
- jQuery實現(xiàn)將div中滾動條滾動到指定位置的方法
- jquery 點擊元素后,滾動條滾動至該元素位置的方法
- jQuery實現(xiàn)根據(jù)滾動條位置加載相應(yīng)內(nèi)容功能
- 使用jQuery判斷瀏覽器滾動條位置的方法
- 頁面刷新時記住滾動條的位置jquery代碼
- 通過JQuery將DIV的滾動條滾動到指定的位置方便自動定位
- jQuery判斷div隨滾動條滾動到一定位置后停止
- JS和JQUERY獲取頁面大小,滾動條位置,元素位置(示例代碼)
- JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
- jQuery實現(xiàn)滾動條滾動到子元素位置(方便定位)
相關(guān)文章
IE中jquery.form中ajax提交沒反應(yīng)解決方法分享
用jquery form插件,進(jìn)行ajax提交,本來可以用,好好地,突然發(fā)現(xiàn),firefox,opera等可以提交,ie的success函數(shù)運行了2012-09-09jQuery序列化form表單數(shù)據(jù)為JSON對象的實現(xiàn)方法
這篇文章主要介紹了jQuery序列化form表單數(shù)據(jù)為JSON對象的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09