欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)站的支持!

相關(guān)文章

  • jQuery實現(xiàn)簡單下拉導(dǎo)航效果

    jQuery實現(xiàn)簡單下拉導(dǎo)航效果

    這篇文章主要介紹了jQuery實現(xiàn)簡單下拉導(dǎo)航效果,通過簡單的元素遍歷與樣式替換實現(xiàn)下拉導(dǎo)航的功能,非常具有實用價值,需要的朋友可以參考下
    2015-09-09
  • layui導(dǎo)航欄實現(xiàn)代碼

    layui導(dǎo)航欄實現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • jquery實現(xiàn)簡單的彈窗效果

    jquery實現(xiàn)簡單的彈窗效果

    這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)簡單的彈窗效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • jQuery中判斷對象是否存在的方法匯總

    jQuery中判斷對象是否存在的方法匯總

    本文給大家匯總了下在jQuery中判斷對象是否存在的方法以及用原生javascript實現(xiàn)的方法,有相同需求的小伙伴可以來參考下。
    2016-02-02
  • IE中jquery.form中ajax提交沒反應(yīng)解決方法分享

    IE中jquery.form中ajax提交沒反應(yīng)解決方法分享

    用jquery form插件,進(jìn)行ajax提交,本來可以用,好好地,突然發(fā)現(xiàn),firefox,opera等可以提交,ie的success函數(shù)運行了
    2012-09-09
  • jquery文字上下滾動的實現(xiàn)方法

    jquery文字上下滾動的實現(xiàn)方法

    jquery文字上下滾動的實現(xiàn)方法,需要的朋友可以參考一下
    2013-03-03
  • jQuery序列化form表單數(shù)據(jù)為JSON對象的實現(xiàn)方法

    jQuery序列化form表單數(shù)據(jù)為JSON對象的實現(xiàn)方法

    這篇文章主要介紹了jQuery序列化form表單數(shù)據(jù)為JSON對象的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-09-09
  • jQuery自定義組件(導(dǎo)入組件)

    jQuery自定義組件(導(dǎo)入組件)

    這篇文章主要介紹了jQuery自定義導(dǎo)入組件的相關(guān)資料,包括組件js,組件css及組件引用的內(nèi)容,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-11-11
  • jQuery基本篩選選擇器實例代碼

    jQuery基本篩選選擇器實例代碼

    這篇文章主要為大家詳細(xì)介紹了jQuery基本篩選選擇器實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • jQuery圖片切換動畫效果

    jQuery圖片切換動畫效果

    這篇文章主要介紹了jQuery圖片切換動畫效果,處理動畫延遲,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02

最新評論