这个怎么写?

墙角在唱歌 2012-08-14 02:18:13
有3个div分别都加了滚动条,当滚动其中一个时另外两个也滚动并保持一致怎么实现呀???愁!!
yong纯js怎么实现?
...全文
141 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
一叶飞舟 2012-08-14
  • 打赏
  • 举报
回复
不用感谢,共享而已,赶紧结贴吧,呵呵~
墙角在唱歌 2012-08-14
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 的回复:]

我简单做了个例子:

先导入jquery到jsp: <script type= "text/javascript " src= "jquery-1.8.0.min.js "> </script>

然后写个操作脚本:

$(function(){
$( '#d1 ').scroll(function(){
……
[/Quote]

我仔细检查了一遍解决了,太感谢您了。
墙角在唱歌 2012-08-14
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 的回复:]

我简单做了个例子:

先导入jquery到jsp: <script type= "text/javascript " src= "jquery-1.8.0.min.js "> </script>

然后写个操作脚本:

$(function(){
$( '#d1 ').scroll(function(){
……
[/Quote]
楼主我安装您的写的怎么没有效果类? 麻烦您了
一叶飞舟 2012-08-14
  • 打赏
  • 举报
回复
我简单做了个例子:

先导入jquery到jsp:<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

然后写个操作脚本:

$(function(){
$('#d1').scroll(function(){
var top = $(this).scrollTop();//第一个div滚动的距离
$('#d2').scrollTop(top); //同时改变另外两个div的距离
$('#d3').scrollTop(top);
});
});
------------------------多个div示例------------------------------------------------
<div id="d1" style="overflow: scroll; width: 200px; height: 100px;">你的内容1</div>
<div id="d2" style="overflow: scroll; width: 200px; height: 100px;">你的内容2</div>
<div id="d3" style="overflow: scroll; width: 200px; height: 100px;">你的内容3</div>
----------------------------------------------------------------------------------
jackson_fighting 2012-08-14
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 的回复:]

怎么获取div滚动条的高度呢?
[/Quote]
document.getElementById('div').scrollTop
document.getElementById('div').scrollHeight
一叶飞舟 2012-08-14
  • 打赏
  • 举报
回复
学习过jquery应该很容易办到这些,比如宽度是jquery('#divname').width()。还有关于那个滚动条事件是scroll。根据第一个div滚动的距离来相应改变另外两个div滚动的距离。
墙角在唱歌 2012-08-14
  • 打赏
  • 举报
回复
怎么获取div滚动条的高度呢?
一叶飞舟 2012-08-14
  • 打赏
  • 举报
回复
给你个思路,使用和scrollbar相关的jquery事件进行关联绑定,假如第一个div的id是first,第二个是second,第三个是third,那么可以这样写:
jquery('#first').event(function(){//当滑动第一个div的滚动条时触发
//另外两个div的关联操作
})

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧