编程 Javascript

让页面上两个div中的滚动条(滑块)同步运动示例

Posted in Javascript onAugust 07, 2013

使用JQuery添加如下代码

$('#sourceDiv').scroll( function() { 
$('#targetDiv').scrollTop($(this).scrollTop()); 
$('#targetDiv').scrollLeft($(this).scrollLeft()); 
}); 
$('#targetDiv').scroll( function() { 
$('#sourceDiv').scrollTop($(this).scrollTop()); 
$('#sourceDiv').scrollLeft($(this).scrollLeft()); 
});

效果图：

让页面上两个div中的滚动条(滑块)同步运动示例

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Mootools 1.2教程 Tooltips

Sep 15 Javascript

javascript 快速排序函数代码

May 30 Javascript

jquery实现可点击伸缩与展开的菜单效果代码

Aug 31 Javascript

JS实现的新浪微博大厅文字内容滚动效果代码

Nov 05 Javascript

Node.js返回JSONP详解

May 18 Javascript

使用jQuery,Angular实现登录界面验证码详解

Apr 27 jQuery

Node.js中的cluster模块深入解读

Jun 11 Javascript

Auto.js自动收取自己和好友蚂蚁森林能量脚本

Jun 28 Javascript

使用jquery Ajax实现上传附件功能

Oct 23 jQuery

JavaScript学习笔记之DOM基础操作实例小结

Jan 09 Javascript

JavaScript变量提升和严格模式实例分析

Jan 27 Javascript

微信小程序之左右布局的实现代码

Dec 13 Javascript

js动态创建、删除表格示例代码

Aug 07 #Javascript

关于extjs4如何获取grid修改后的数据的问题

Aug 07 #Javascript

js取两个数组的交集|差集|并集|补集|去重示例代码

Aug 07 #Javascript

js使浏览器窗口最大化实现代码(适用于IE)

Aug 07 #Javascript

javascript一元操作符(递增、递减)使用示例

Aug 07 #Javascript

js 实现 input type="file" 文件上传示例代码

Aug 07 #Javascript

uploadify在Firefox下丢失session问题的解决方法

Aug 07 #Javascript

You might like

人族 TERRAN 概述

2020/03/14 星际争霸

php 地区分类排序算法

2013/07/01 PHP

PHP统计nginx访问日志中的搜索引擎抓取404链接页面路径

2014/06/30 PHP

thinkphp微信开之安全模式消息加密解密不成功的解决办法

2015/12/02 PHP

php自定义函数实现统计中文字符串长度的方法小结

2017/04/15 PHP

PHP编程实现阳历转换为阴历的方法实例

2017/08/08 PHP

PHP添加文字水印或图片水印的水印类完整源代码与使用示例

2019/03/18 PHP

利用CSS、JavaScript及Ajax实现高效的图片预加载

2013/10/16 Javascript

js生成缩略图后上传并利用canvas重绘

2014/05/15 Javascript

jQuery插件Skippr实现焦点图幻灯片特效

2015/04/12 Javascript

简介JavaScript中的sub()方法的使用

2015/06/08 Javascript

Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法

2016/10/13 Javascript

jQuery实现简易的输入框字数计数功能示例

2017/01/16 Javascript

浅谈jQuery的bind和unbind事件(绑定和解绑事件)

2017/03/02 Javascript

微信小程序页面传值详解

2017/03/10 Javascript

JavaScript运动框架链式运动到完美运动（五）

2017/05/18 Javascript

Vue+ElementUI table实现表格分页

2019/12/14 Javascript

Python生成验证码实例

2014/08/21 Python

Python中几种操作字符串的方法的介绍

2015/04/09 Python

python中list常用操作实例详解

2015/06/03 Python

Python多进程机制实例详解

2015/07/02 Python

python脚本设置超时机制系统时间的方法

2016/02/21 Python

python SSH模块登录，远程机执行shell命令实例解析

2018/01/12 Python

Python实现针对json中某个关键字段进行排序操作示例

2018/12/25 Python

python+pyqt5实现KFC点餐收银系统

2019/01/24 Python

python自动发微信监控报警

2019/09/06 Python

python json load json 数据后出现乱序的解决方案

2020/02/27 Python

Python爬虫实现vip电影下载的示例代码

2020/04/20 Python

Python Opencv轮廓常用操作代码实例解析

2020/09/01 Python

html5绘制时钟动画

2014/12/15 HTML / CSS

html5简介_动力节点Java学院整理

2017/07/07 HTML / CSS

可能这些是你想要的H5软键盘兼容方案(小结)

2019/04/23 HTML / CSS

Under Armour安德玛中国官网：美国高端运动科技品牌

2018/03/09 全球购物

授权委托书样本

2014/09/25 职场文书

避暑山庄导游词

2015/02/04 职场文书

Python人工智能之混合高斯模型运动目标检测详解分析

2021/11/07 Python