编程 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 prototype 原型链

Mar 12 Javascript

js面向对象多种创建对象方法小结

May 21 Javascript

简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器

Oct 22 Javascript

javascript:void(0)点击登录没反应怎么解决

Nov 13 Javascript

JavaScript原生编写《飞机大战坦克》游戏完整实例

Jan 04 Javascript

javascript 开发之百度地图使用到的js函数整理

May 19 Javascript

Spring boot 和Vue开发中CORS跨域问题解决

Sep 05 Javascript

详解如何使用koa实现socket.io官网的例子

Nov 04 Javascript

JavaScript中this用法学习笔记

Mar 17 Javascript

layui使用button按钮点击出现弹层弹层中加载表单的实例

Sep 04 Javascript

Jquery如何使用animation动画效果改变背景色的代码

Jul 20 jQuery

JavaScript 常见的继承方式汇总

Sep 17 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下打开phpMyAdmin出现403错误的问题解决方法

2013/05/23 PHP

PHP函数之日期时间函数date()使用详解

2013/09/09 PHP

PHP 只允许指定IP访问(允许*号通配符过滤IP)

2014/07/08 PHP

php基于表单密码验证与HTTP验证用法实例

2015/01/06 PHP

PHP simplexml_load_file()函数讲解

2019/02/03 PHP

支持ie与FireFox的剪切板操作代码

2009/09/28 Javascript

javascript oop开发滑动(slide)菜单控件

2010/08/25 Javascript

jQuery.extend()的实现方式详解及实例

2013/06/29 Javascript

详解JavaScript中shift()方法的使用

2015/06/09 Javascript

理解JavaScript的变量的入门教程

2015/07/07 Javascript

详解Angularjs filter过滤器

2016/02/06 Javascript

详解为Angular.js内置$http服务添加拦截器的方法

2016/12/20 Javascript

详解使用angular框架离线你的应用（pwa指南）

2019/01/31 Javascript

jQuery实现的卷帘门滑入滑出效果【案例】

2019/02/18 jQuery

Vue中常用rules校验规则(实例代码)

2019/11/14 Javascript

js的Object.assign用法示例分析

2020/03/05 Javascript

Node 模块原理与用法详解

2020/05/13 Javascript

vue 通过base64实现图片下载功能

2020/12/19 Vue.js

[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局

2016/02/28 DOTA

详解在Python和IPython中使用Docker

2015/04/28 Python

Python简单删除列表中相同元素的方法示例

2017/06/12 Python

详解Python判定IP地址合法性的三种方法

2018/03/06 Python

对Python 2.7 pandas 中的read_excel详解

2018/05/04 Python

Pycharm-community-2020.2.3 社区版安装教程图文详解

2020/12/08 Python

如何使用Python进行PDF图片识别OCR

2021/01/22 Python

Sneaker Studio乌克兰：购买运动鞋

2018/03/26 全球购物

法学专业应届生求职信

2013/10/16 职场文书

经贸日语专业自荐信

2014/09/02 职场文书

兼职安全员岗位职责

2015/02/15 职场文书

2015年重阳节活动总结

2015/03/24 职场文书

高一地理教学工作总结

2015/08/12 职场文书

创业计划书之寿司

2019/07/19 职场文书

母婴行业实体、电商模式全面解析

2019/08/01 职场文书

HTML怎么设置下划线?html文字加下划线方法

2021/12/06 HTML / CSS

详细聊一聊mysql的树形结构存储以及查询

2022/04/05 MySQL

Python中Schedule模块使用详解周期任务神器

2022/04/19 Python