Запустите внешнюю прокрутку, когда внутренняя прокрутка достигнет нижнего или верхнего края - PullRequest
Новая
       31

Запустите внешнюю прокрутку, когда внутренняя прокрутка достигнет нижнего или верхнего края

0 голосов
/ 23 октября 2019

Представьте, что у меня есть два прокручиваемых элемента, один внутри другого. когда я прокручиваю внутренний div, когда я заканчиваю прокрутку полностью вниз или полностью вверх, я хочу, чтобы внешняя полоса прокрутки начала прокручиваться, но в моем случае она не запускается. Как мне этого добиться? На мой взгляд, проблема в том, что внутренняя прокрутка происходит внутри теневого домена, и это останавливает распространение события прокрутки на внешнем div.

1 Ответ

0 голосов
/ 23 октября 2019

Просто продолжайте прокручивать. это похоже на работу уже 

 .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>
...