1

我有一个外部分区（具有固定的高度和宽度），其中包含垂直放置的两个分区，占据相等的宽度和全高。我希望它们在垂直方向同时滚动，但只有第二个水平滚动。因此，基本上第一个 div 仅因水平滚动而被冻结。在 div 中，我使用 d3 使用基于 SVG 的图形进行数据可视化。

4

1 回答 1

2

小提琴

    <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>
于 2013-06-11T07:13:25.513 回答