讓頁面上兩個(gè)div中的滾動條(滑塊)同步運(yùn)動示例
更新時(shí)間：2013年08月07日 16:59:17 作者：
如何想讓頁面上兩個(gè)div中的滾動條(滑塊)同步運(yùn)動該怎實(shí)現(xiàn)，具體代碼如下，感興趣的朋友可以參考下
使用JQuery添加如下代碼
$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});
效果圖：
復(fù)制代碼 代碼如下:
$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});
效果圖：
相關(guān)文章
jQuery實(shí)現(xiàn)圖片上傳和裁剪插件Croppie
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片上傳和裁剪插件Croppie，實(shí)現(xiàn)最常見的各用戶系統(tǒng)要求用戶上傳和裁剪頭像的應(yīng)用，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jQuery 自定義下拉框(DropDown)的相關(guān)資料,需要的朋友可以參考下2016-07-07
jQuery 寫的簡單打字游戲可以提示正確和錯(cuò)誤的次數(shù)
這篇文章主要介紹了使用jQuery寫的簡單打字游戲可以提示正確和錯(cuò)誤的次數(shù),需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jQuery中unbind()方法用法,實(shí)例分析了unbind()方法的功能、定義及移除被選元素的事件處理程序的使用技巧,需要的朋友可以參考下2015-01-01
基于jquery實(shí)現(xiàn)ajax無刷新評論
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)ajax無刷新評論的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考2016-05-05
淺析Bootstrip的select控件綁定數(shù)據(jù)的問題
這篇文章主要介紹了淺析Bootstrip的select控件綁定數(shù)據(jù)的問題 的相關(guān)資料，小編認(rèn)為非常具有參考價(jià)值，感興趣的朋友一起看下吧2016-05-05
IE7中無法使用Jquery動態(tài)操作頁面元素的name屬性，怎么解決這個(gè)問題呢？下面小編給大家?guī)砹私鉀QIE7中使用jQuery動態(tài)操作name問題，需要的朋友參考下吧2017-08-08
JQuery操作表格(隔行著色,高亮顯示,篩選數(shù)據(jù))
最近項(xiàng)目里對表格的操作比較多。以往我們要做一些效果的時(shí)候往往通過程序代碼來實(shí)現(xiàn)，這個(gè)努力不值，因?yàn)镴Query是完全可以做到的，并且是客戶端運(yùn)行，不經(jīng)過服務(wù)器處理，給用戶的反應(yīng)快，也減少了服務(wù)器壓力2012-02-02
學(xué)習(xí)jquery之一...2007-04-04
jQuery選擇器使得獲得頁面元素變得更加容易、更加靈活，從而大大減輕了開發(fā)人員的壓力。如同蓋樓一樣，沒有磚瓦，就蓋不起樓房。得不到元素談何其他各種操作呢？可見,jQuery選擇器的重要性。當(dāng)然想一下子掌握所有選擇器也是很困難的，這個(gè)得靠實(shí)踐和積累2014-03-03