滚动div而不是滚动页面

时间:2015-10-27 07:57:27

标签: html css scroll

我正在尝试使用div内的鼠标滚动,但它会滚动整个页面。

我需要在Facebook小部件内滚动,也需要在新闻稿div中滚动。

我该怎么做?

enter image description here

3 个答案:

答案 0 :(得分:1)

#div { overflow: scroll; } 例如,如果您的div标签名称为div ..您可以在CSS文件中使用上面的代码 它对我有用。

答案 1 :(得分:0)

.Content
{
 height:224px;
  overflow:auto;
}

答案 2 :(得分:0)

使用这个。 overflow:auto会解决这个问题。

.scroll {
  width: 500px;
  height: 100px;
  overflow: auto;
  background: #565656;
  color: #fff;
}
<div class="scroll">
  <h1>Scroll Heading</h1>  
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <p>Last Content</p>
</div>