通過JQuery將DIV的滾動(dòng)條滾動(dòng)到指定的位置方便自動(dòng)定位
更新時(shí)間：2014年05月05日 15:44:03 作者：
本文為大家介紹下將DIV的滾動(dòng)條滾動(dòng)到其子元素所在的位置，方便自動(dòng)定位,需要的朋友可以參考下
這里有一個(gè)方法可以將DIV的滾動(dòng)條滾動(dòng)到其子元素所在的位置，方便自動(dòng)定位。
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插件即可完成所需的效果，非常好用！
復(fù)制代碼 代碼如下:
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插件即可完成所需的效果，非常好用！
您可能感興趣的文章:
- jquery 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法
- jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果
- 基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動(dòng)
- 一個(gè)JQuery寫的點(diǎn)擊上下滾動(dòng)的小例子
- JQuery獲取元素尺寸、位置及頁面滾動(dòng)事件應(yīng)用示例
- JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
- js，jquery滾動(dòng)/跳轉(zhuǎn)頁面到指定位置的實(shí)現(xiàn)思路
- jQuery實(shí)現(xiàn)將div中滾動(dòng)條滾動(dòng)到指定位置的方法
- jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法
- 使用jquery animate創(chuàng)建平滑滾動(dòng)效果（可以是到頂部、到底部或指定地方）
- 利用jquery制作滾動(dòng)到指定位置觸發(fā)動(dòng)畫
- jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法分析
相關(guān)文章
這篇文章主要通過代碼介紹了jQery四種靜態(tài)方法（isFunction,isArray,isWindow,isNumeric）的使用,需要的朋友可以參考下2015-07-07
jquery text,radio,checkbox,select操作實(shí)現(xiàn)代碼
學(xué)習(xí)jquery的朋友看參考下，對(duì)form等文本框的一些控制實(shí)現(xiàn)代碼。2009-07-07
這篇文章主要是對(duì)同域jQuery(跨)iframe操作DOM的示例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
JQuery實(shí)現(xiàn)簡(jiǎn)單瀑布流布局
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)簡(jiǎn)單瀑布流布局，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
grumble.js 是一個(gè)很特別的氣泡形狀提示控件，最開始是為 Huddle.com 網(wǎng)站開發(fā)的, 它沒有通常的north/east/south/west的定位限制。2014-05-05
jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果
這篇文章主要介紹了jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果,涉及jQuery針對(duì)頁面表單元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09
jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
這篇文章主要介紹了jquery插件fineuploader上傳文件很用方法2013-12-12
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身2010-04-04
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
本文主要介紹了前端開發(fā)必知的15個(gè)jQuery小技巧。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01