我有一个外部分区(具有固定的高度和宽度),其中包含两个垂直放置的分区,占用相等的宽度和全高。我希望它们在垂直方向上同时滚动,但只有第二个水平滚动。所以基本上第一个 div 被单独水平滚动卡住。 在 div 中,我使用基于 SVG 的图形的 d3 进行数据可视化。
最佳答案
<style>
div.Container{
height: 250px;
border: 2px solid #F00;
width: 600px;
padding: 3px;
overflow: auto;
/* POSITION */
position:fixed;
}
div.Const{
border: 2px solid #0F0;
width: 200px;
height: 400px;
float:left;
position:absolute;
}
div.Main{
border: 2px solid #00F;
width: 800px;
height: 200px;
margin-left: 220px;
top:0px;
float:left;
}
</style>
<body>
<div id="Container" class="Container">
<div id="Const" class="Const">
</div>
<div id="Main" class="Main">
</div>
</div>
</body>
<script>
$('#Container').scroll(function() {
$('#Const').css('left', $('#Container').scrollLeft());
});
</script>
关于javascript - 从水平滚动中卡住一个div,但让它垂直滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17036906/