滚动时如何冻结div以检查内部div

时间:2016-08-05 16:25:37

标签: javascript jquery html css

当我滚动div #3寻找内部div时,我想冻结div id 2 ...我该怎么做?

<div id='1' style="height:15%; border:1px solid black">Questions</div>
<div id='2' style="height:30%; border:1px solid black">Freeze this</div>
<div id='3' style="height:55%; border:1px solid black">Scroll this
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
  <div class='innerDiv' style="border:1px solid black;height:50px">a</div>
</div>

如何冻结何时滚动以检查

的内部div

1 个答案:

答案 0 :(得分:0)

使用CSS:

#3 { overflow:scroll; }

您必须将ID更改为有效ID,但这应该可以解决问题。