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

jquery查找父元素、子元素(个人经验总结)

Apr 09 Javascript

了不起的node.js读书笔记之node.js中的特性

Dec 22 Javascript

浅谈JavaScript 执行环境、作用域及垃圾回收

May 31 Javascript

文件上传,iframe跨域数据提交的实现

Nov 18 Javascript

canvas绘制的直线动画

Jan 23 Javascript

jQuery中Datatables增加跳转到指定页功能

Feb 08 Javascript

ionic2打包android时gradle无法下载的解决方法

Apr 05 Javascript

JS+jQuery实现注册信息的验证功能

Sep 26 jQuery

layui表格checkbox选择全选样式及功能的实例

Mar 07 Javascript

jquery 插件重新绑定的处理方法分析

Nov 23 jQuery

jquery实现鼠标悬浮弹出气泡提示框

Dec 23 jQuery

如何理解Vue简单状态管理之store模式

May 15 Vue.js

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调用API接口实现天气查询功能的示例

2017/09/21 PHP

jQuery 学习第七课扩展jQuery的功能插件开发

2010/05/17 Javascript

js 操作select与option(示例讲解)

2013/12/20 Javascript

JavaScript动态创建div等元素实例讲解

2016/01/06 Javascript

jquery判断input值不为空的方法

2016/06/05 Javascript

JQuery.validationEngine表单验证插件(推荐)

2016/12/10 Javascript

微信小程序左滑删除效果的实现代码

2017/02/20 Javascript

js canvas实现擦除效果示例代码

2017/04/26 Javascript

Angular X中使用ngrx的方法详解（附源码）

2017/07/10 Javascript

js自定义弹框插件的封装

2020/08/24 Javascript

vue keep-alive请求数据的方法示例

2018/05/16 Javascript

详解webpack loader和plugin编写

2018/10/12 Javascript

JS 正则表达式验证密码、邮箱格式的实例代码

2018/10/28 Javascript

微信小程序实现随机验证码功能

2018/12/20 Javascript

TypeScript类型声明书写详解

2019/08/28 Javascript

vue路由守卫,限制前端页面访问权限的例子

2019/11/11 Javascript

python类和函数中使用静态变量的方法

2015/05/09 Python

pycharm使用matplotlib.pyplot不显示图形的解决方法

2018/10/28 Python

Pytorch反向求导更新网络参数的方法

2019/08/17 Python

Python concurrent.futures模块使用实例

2019/12/24 Python

PyTorch和Keras计算模型参数的例子

2020/01/02 Python

keras读取h5文件load_weights、load代码操作

2020/06/12 Python

Django model class Meta原理解析

2020/11/14 Python

python 制作本地应用搜索工具

2021/02/27 Python

CSS3 3D位移translate效果实例介绍

2016/05/03 HTML / CSS

英国家用电器折扣网站：Electrical Discount UK

2018/09/17 全球购物

zooplus波兰：在线宠物店

2019/07/21 全球购物

作为网站管理者应当如何防范XSS

2014/08/16 面试题

How to spawning asynchronous work in J2EE

2016/08/29 面试题

采购员的工作职责

2013/12/26 职场文书

老人祝寿主持词

2014/03/28 职场文书

职务任命书范本

2014/06/05 职场文书

2015年度合同管理工作总结

2015/05/22 职场文书

如何理解及使用Python闭包

2021/06/01 Python

mybatis中注解与xml配置的对应关系和对比分析

2021/08/04 Java/Android

Nginx流量拷贝ngx_http_mirror_module模块使用方法详解

2022/04/07 Servers