显示wordpress部件区域内的滚动条

Question

我在我的wordpress网站上有一个小部件，显示最近10个帖子。具有10个帖子的整个显示图像+标题使得该小部件看起来很大。我在想如果它很容易/可能只显示一个特定的大小，例如300像素，并在右侧有一个小滚动条来查看其余内容。

Example

Answer 1

#recent-posts-widget { 
    height: 300px; 
    overflow: scroll; 
} 

以上是最简单的方式实现这一目标（在你的CSS与widget容器的网站上的选择替换#recent-posts-widget）。需要看到相关的HTML标记和CSS给你更具体的指示。

这将产生一个“默认”滚动条，就像您在浏览器窗口的旁边看到的一样。如果你想要的东西不那么丑陋，你可以进一步风格来像你的网站，使用jScrollPane，它允许更美丽的滚动条，并有很好的跨浏览器兼容性。

Answer 2

你需要设置max-height:300px和特定部件的overflow:scroll（每个插件都有它自己的类/ ID，设置该你的style.css内）。

这应该会给你一个垂直滚动条，如果小部件大于300px。

希望这有助于:)