谁知道用一个滚动条控制上下两个内容的方法

xiezhi 2005-09-28 05:44:34

回答有分,越具体越好,最好是有现成的例子.
帮我解决问题的,我另开贴,酬谢100分

...全文

192 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

cxz7531 2005-09-29

打赏
举报

回复

是上下两个iframe。还是两个层

cxz7531 2005-09-29

打赏
举报

回复

<div
style='width:70%;height:50%;background-color:blue;
border:0 solid gray;color:black;overflow:auto'
id=div0
onscroll="f(this);">
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
</div>
<div
style='width:70%;height:50%;background-color:green;
border:0 solid gray;color:black;overflow:auto'
id=div1
onscroll="f(this);">
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
</div>
<script>
function f(d){
window.status=""+d.scrollLeft+","+d.scrollTop+":"+d.id;
var anot=eval("div"+((d.id=="div0")?1:0));
anot.scrollLeft=d.scrollLeft;
anot.scrollTop=d.scrollTop;
}
</script>

xiezhi 2005-09-29

打赏
举报

回复

最好两层,我目前的做法就是两层!

如下图所示：实现两个区域竖向滚动条同步滚动页面结构布局和样式如下：（为了一张截图展示，结构里p标签都有删减，可随意添加能出滚动条就可以）下图是js代码：代码没几行，注意下边注释，涉及同步滚动比例计算注释：1、scale为滚动条滚动比例（左边可滚动最大高度/右边可滚动最大高度） clientHeight和offsetHeight均可获取元素高度，这里用clientHeight是因为这个属...

一个页面：按钮栏没有滚动条，内容栏有滚动条。 <div style="position:absolute;z-index:100;background:#eeeeee;margin-top:1px;"> 固定不动的内容在此 </div> <div style="overflow:scroll;width:200px;height:200px;border:1px solid red;position:absolute;z-index:1;padding-top:10px;

需求： 1.同一个滚动条 同时控制上下两个柱状图； 2.同一个vue页面多次渲染echarts图表的优化，组件封装； 3.数据量大的话默认显示最新的数据展示； 1.父组件(dashboard.vue)： <template> <div class="dashboard"> <sbar-line></sbar-line> </...

项目开发中，遇到一个比较两个form差异的需求，但当item过多就需要滚动条，这里就用到了滚动条同步的地方，其实原理和git的差异比较差不多，这里来做一下分析。

//控制两个div的滚动条联动，便于页面对比 function funcsrcoll1() { document.getElementById("div2").scrollLeft = document.getElementById("div1").scrollLeft; document.getElementById("div2").scrollTop = document.getElement

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章