快捷導(dǎo)航

通過JQuery將DIV的滾動條滾動到指定的位置方便自動定位

更新時間：2014年05月05日 15:44:03 作者：

本文為大家介紹下將DIV的滾動條滾動到其子元素所在的位置，方便自動定位,需要的朋友可以參考下

這里有一個方法可以將DIV的滾動條滾動到其子元素所在的位置，方便自動定位。

 
var container = $('div'), 
scrollTo = $('#row_8'); 

container.scrollTop( 
scrollTo.offset().top - container.offset().top + container.scrollTop() 
); 

// Or you can animate the scrolling: 
container.animate({ 
scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 
});​ 

不需要任何JQuery插件即可完成所需的效果，非常好用！

您可能感興趣的文章:

相關(guān)文章

詳解jquery validate實(shí)現(xiàn)表單驗(yàn)證（正則表達(dá)式）
本篇文章主要介紹了jquery validate實(shí)現(xiàn)表單驗(yàn)證（正則表達(dá)式），用戶填寫表單時，可以快速地對用戶填寫的數(shù)據(jù)進(jìn)行驗(yàn)證，并做出反饋。有興趣的可以了解一下。
2017-01-01
JQuery中層次選擇器用法實(shí)例詳解
這篇文章主要介紹了JQuery中層次選擇器用法,以實(shí)例形式較為詳細(xì)的分析了jQuery中層次選擇器的各種常見使用技巧,并備有較為詳細(xì)的注釋說明,需要的朋友可以參考下
2015-05-05
jquery實(shí)現(xiàn)滑動樓梯效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)滑動樓梯效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
JQuery里面的幾種選擇器查找滿足條件的元素$("#控件ID")
JQuery里面的幾種選擇器查找滿足條件的元素$("#控件ID"),使用jquery的朋友可以參考下。
2011-08-08
詳解handlebars+require基本使用方法
本文主要對handlebars+require基本使用方法進(jìn)行詳細(xì)介紹，文章尾部會附上完整代碼供大家參考。需要的朋友一起來看下吧
2016-12-12
jQuery實(shí)現(xiàn)全部購物車功能實(shí)例
本文詳細(xì)講解了jQuery實(shí)現(xiàn)全部購物車功能，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-11-11
IE8下Jquery獲取select選中的值post到后臺報錯問題
IE8下出現(xiàn)的問題是直接將selectedValue post發(fā)送到后臺，后臺接收時會報錯，這是因?yàn)镮E8下selectedValue當(dāng)成了數(shù)組，后臺無法識別
2014-07-07
jquery使用經(jīng)驗(yàn)小結(jié)
本文給大家分享的是個人在使用jQuery的過程中總結(jié)的5點(diǎn)比較重要的知識點(diǎn)，這里推薦給小伙伴們，有需要的童鞋可以參考下。
2015-05-05
jquery實(shí)現(xiàn)走馬燈特效實(shí)例(撲克牌切換效果）
本文主要介紹了jquery實(shí)現(xiàn)走馬燈特效實(shí)例(撲克牌切換效果），文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02