编程 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 相关文章推荐

JavaScript 继承详解（二）

Jul 13 Javascript

jQuery EasyUI API 中文文档 - Tree树使用介绍

Nov 19 Javascript

js控制frameSet示例

Sep 10 Javascript

javascript获取所有同类checkbox选项(实例代码)

Nov 07 Javascript

js关于精确计算和数值格式化以及直接引js文件

Jan 28 Javascript

JavaScript获得表单target属性的方法

Apr 02 Javascript

jquery validate demo 基础

Oct 29 Javascript

基于JavaScript如何制作遮罩层对话框

Jan 26 Javascript

jQuery选择器基础入门教程

May 10 Javascript

利用HBuilder打包前端开发webapp为apk的方法

Nov 13 Javascript

vue中子组件调用兄弟组件方法

Jul 06 Javascript

js简单实现自动生成表格功能示例

Jun 02 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

php中邮箱地址正则表达式实现与详解

2012/04/24 PHP

用 Composer构建自己的 PHP 框架之设计 MVC

2014/10/30 PHP

为Plesk PHP7启用Oracle OCI8扩展方法总结

2019/03/29 PHP

extjs 的权限问题要求控制的对象是菜单，按钮，URL

2010/03/09 Javascript

script标签属性type与language使用选择

2012/12/02 Javascript

javascript实现依次输入input自动定焦

2014/12/23 Javascript

jQuery给元素添加样式的方法详解

2015/12/30 Javascript

js判断checkbox是否选中个数的方法(超简单)

2016/08/19 Javascript

使用JS读取XML文件的方法

2016/11/25 Javascript

JS字符串统计操作示例【遍历,截取,输出,计算】

2017/03/27 Javascript

基于JavaScript实现的插入排序算法分析

2017/04/14 Javascript

微信小程序 wx:for的使用实例详解

2017/04/27 Javascript

解析Angular 2+ 样式绑定方式

2018/01/15 Javascript

JQuery中DOM节点的操作与访问方法实例分析

2019/12/23 jQuery

JavaScript代理模式原理与用法实例详解

2020/03/10 Javascript

js实现轮播图特效

2020/05/28 Javascript

vue+AI智能机器人回复功能实现

2020/07/16 Javascript

解决vue+router路由跳转不起作用的一项原因

2020/07/19 Javascript

Python操作列表的常用方法分享

2014/02/13 Python

pandas.loc 选取指定列进行操作的实例

2018/05/18 Python

使用python进行文本预处理和提取特征的实例

2018/06/05 Python

OpenCV HSV颜色识别及HSV基本颜色分量范围

2019/03/22 Python

seek引发的python文件读写的问题及解决

2019/07/26 Python

浅谈对pytroch中torch.autograd.backward的思考

2019/12/27 Python

Python3 集合set入门基础

2020/02/10 Python

Python要求O(n)复杂度求无序列表中第K的大元素实例

2020/04/02 Python

Python3 pywin32模块安装的详细步骤

2020/05/26 Python

Solaris操作系统的线程机制

2012/12/23 面试题

医学生自荐信

2013/12/03 职场文书

《胡杨》教学反思

2014/02/16 职场文书

金融学专业大学生职业生涯规划

2014/03/07 职场文书

党的群众路线教育实践活动教师自我剖析材料

2014/10/09 职场文书

群众路线教育实践活动心得体会（四风）

2014/11/03 职场文书

2015年创先争优活动总结

2015/03/27 职场文书

2016年“我们的节日·重阳节”主题活动总结

2016/04/01 职场文书

goland 清除所有的默认设置操作

2021/04/28 Golang