Question

让我先介绍一下我的代码示例：

<div id="StartScroll"></div>
    Many divs and content here !
<div id="EndScroll"></div>

我的问题是，如何创建一个滚动条，该滚动条开始从ID为StartScroll的div滚动，并以id为EndScroll的div结束滚动。

请注意，StartScroll之前和EndScroll之后有内容，但我希望滚动条不允许超出StartScroll和EndScroll。

我该怎么做？也许用jQuery？

提前致谢！

Answer 1

溢出-y：滚动可能是解决方案

http://jsfiddle.net/ds3nqbkz/2/

<div id="StartScroll" style="overflow-y: scroll">
Many divs and content here !<br />
Many divs and content here !<br />
Many divs and content here !<br />
</div>

Answer 2

将startScroll和endScroll分区块内的内容包裹在div内并指定以下样式：

overflow-y: auto;
height: 200px; (or any specific height you wish to)

Answer 3

试试这个：

Check here

.makescroll {
height:150px
overflow-y:scroll;

}

<div class="makescroll">
<div id="StartScroll"></div>
<div id="EndScroll"></div>
</div>

Answer 4

然后你将你的内容包装在单个div中并给它固定高度并使其溢出-y：auto或scroll。

overflow-auto： - 仅当您的内容超过高度时才会显示滚动。否则它将被删除。 overflow-scroll： - 将始终显示滚动，如果内容较少，则会显示已禁用的滚动。

您可以使用以下任何方法来应用它。示例有滚动，您可以根据需要更改为自动。

 #fixed{
 height:150px;
 overflow-y:scroll;
 }

<div id="StartScroll"></div>
<div id="fixed">
// other content ere
</div>
<div id="EndScroll"></div>
</div>

＃

<div id="StartScroll" inlineStyle="height:150px;overflow-y:scroll;"></div>
 <div id="fixed">
// other content ere
</div>
<div id="EndScroll"></div>
</div>

############################################### ###############################################

    fixedStyle{
 height:150px;
 overflow-y:scroll;
}

<div id="StartScroll" class="fixedStyle"></div>
<div id="fixed">
// other content ere
</div>
<div id="EndScroll"></div>
 </div>
  ##################################################################################
  documentById("fixed").style = "height:150px;overflow-y:scroll;";

  <div id= "StartScroll"></div>
  <div id="fixed">
  // other content ere
  </div>
  <div id="EndScroll"></div>
   </div>

如何仅将div中的滚动条添加到另一个div

4 个答案: