Question

想象一下，我有两个可滚动的div，一个在另一个内。当我滚动内部div时，当我完全向下滚动或一直向上滚动时，我现在希望外部滚动条开始滚动，但就我而言，它没有开始。我该如何实现？在我看来，问题在于内部滚动发生在阴影dom内部，这阻止了滚动事件在外部div上的传播。

Answer 1

只需继续滚动即可。它已经可以这样工作了

 .FixedHeightContainer
{
  float:right;
  height: 130%;
  width:250px; 
  padding:3px; 
  background:#f00;
}
.Content
{
  	height:224px;
   	overflow:auto;
    background:#fff;
}

<html style="height:100%;">
<head>
 
</head>
  <body style="height:100%;">
      <div class="FixedHeightContainer">
    <h2>Title</h2>
    <div class="Content">
     blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah...
    </div>
  </div>
  </body>
</html>

当内部滚动到达上下边缘时开始外部滚动

1 个答案: