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

document 和 document.all 分别什么时候用

Jun 22 Javascript

利用ASP发送和接收XML数据的处理方法与代码

Nov 13 Javascript

Javascript new关键字的玄机以及其它

Aug 25 Javascript

动感效果的TAB选项卡jquery 插件

Jul 09 Javascript

一个JQuery操作Table的代码分享

Mar 30 Javascript

JS实现页面超时后自动跳转到登陆页面

Jan 19 Javascript

javascript实现列表滚动的方法

Jul 30 Javascript

JS实现物体带缓冲的间歇运动效果示例

Dec 22 Javascript

Javascript 一些需要注意的细节(必看篇)

Jul 08 Javascript

详解通过源码解析Node.js中cluster模块的主要功能实现

May 16 Javascript

解决vue v-for 遍历循环时key值报错的问题

Sep 06 Javascript

js数组去重的方法总结

Jan 18 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性能优化分析工具XDebug 大型网站调试工具

2011/05/22 PHP

基于PHP异步执行的常用方式详解

2013/06/03 PHP

php jsonp单引号转义

2014/11/23 PHP

PHP匿名函数和use子句用法实例

2016/03/16 PHP

利用PHP获取汉字首字母并且分组排序详解

2017/10/22 PHP

CentOS7编译安装php7.1的教程详解

2019/04/18 PHP

js 效率组装字符串 StringBuffer

2009/12/23 Javascript

jquery 批量上传图片实现代码

2010/01/28 Javascript

jQuery获取css z-index在各种浏览器中的返回值

2010/09/15 Javascript

js统计录入文本框中字符的个数并加以限制不超过多少

2014/05/23 Javascript

jqTransform美化表单

2015/10/10 Javascript

全面解析JavaScript的Backbone.js框架中的Router路由

2016/05/05 Javascript

JavaScript读二进制文件并用ajax传输二进制流的方法

2016/07/18 Javascript

使用plupload自定义参数实现多文件上传

2016/07/19 Javascript

jQuery图片轮播功能实例代码

2017/01/29 Javascript

为jquery的ajax请求添加超时timeout时间的操作方法

2018/09/04 jQuery

vue-cli安装使用流程步骤详解

2018/11/08 Javascript

es6中reduce的基本使用方法

2019/09/10 Javascript

JavaScript进阶（一）变量声明提升实例分析

2020/05/09 Javascript

js屏蔽F12审查元素，禁止修改页面代码等实现代码

2020/10/02 Javascript

vue调用微信JSDK 扫一扫，相册等需要注意的事项

2021/01/03 Vue.js

Python环境下安装PyGame和PyOpenGL的方法

2020/03/25 Python

Python爬虫实例——爬取美团美食数据

2020/07/15 Python

CSS3的新特性介绍

2008/10/31 HTML / CSS

一款纯css3实现的动画加载导航

2014/10/08 HTML / CSS

LA MER海蓝之谜美国官网：传奇面霜

2016/08/27 全球购物

英国在线购买轮胎、预订汽车、汽车维修和装配网站：Protyre

2020/04/12 全球购物

init进程的作用

2015/08/20 面试题

新闻网站实习自我鉴定

2013/09/25 职场文书

工商管理系学生的自我评价分享

2013/11/29 职场文书

党员弘扬焦裕禄精神思想汇报

2014/09/10 职场文书

涉外离婚协议书怎么写

2014/11/20 职场文书

Oracle笔记

2021/04/05 Oracle

pandas:get_dummies()与pd.factorize()的用法及区别说明

2021/05/21 Python

MySQL 5.7常见数据类型

2021/07/15 MySQL

windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程

2022/08/05 数码科技