如何同时制作两个div的滚动? 我有两个带有文本的div,但是一个div更大,我想同时滚动它们。
有什么想法吗?
.content {
width: 100%;
}
.left {
background-color: yellow;
width: 50%;
float: left;
max-height: 200px;
}
.right {
background-color: green;
width: 50%;
float: left;
max-height: 200px;
overflow: hidden;
overflow-y: scroll;
}
答案 0 :(得分:4)
所以你想同时滚动两个div?
将CSS更改为:
.content {
width: 100%;
max-height: 200px;
overflow-y: scroll;
}
.left{
background-color: yellow;
width: 50%;
float: left;
}
.right{
background-color: green;
width: 50%;
float: left;
}
答案 1 :(得分:0)
也许这样的事情可以让你开始
<强>脚本强>
$('.left').scroll(function () {
$('.right').scrollTop($(this).scrollTop());
});
<强> CSS 强>
.content {
width: 100%;
}
.left{
background-color: yellow;
width: 50%;
max-height: 200px;
float: left;
overflow: hidden;
overflow-y: scroll;
}
.right{
background-color: green;
width: 50%;
max-height: 200px;
float: left;
overflow: hidden;
overflow-y: scroll;
}
答案 2 :(得分:0)
为此浪费了5个小时。
我有类似的问题。
我想重叠并滚动。
.content {
position: "relative";
overflow: "auto";
}
.below{
font-family: "Courier New", Courier, monospace;
background-color: yellow;
position: absolute;
top: 0px;
z-index: -1;
/* width: 100%; */
}
.above{
font-family: "Courier New", Courier, monospace;
position: absolute;
background-color: transparent;
top: 0px;
z-index: 1;
/* width: 120%; */
}
https://codepen.io/manoharreddyporeddy/pen/XWmpYQL
希望有帮助。