在wordpress小部件区域内显示滚动条

Question

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

Example

Answer 1

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

以上是实现此目的的最简单方法（使用您网站上的小部件容器的选择器替换CSS中的#recent-posts-widget）。需要查看相关的HTML标记和CSS，以便为您提供更具体的说明。

这将产生＆＃34;默认＆＃34;滚动条就像你在浏览器窗口的侧面看到的那样。如果你想要一些不那么丑陋的东西，你可以进一步调整风格，就像你的网站一样，请使用jScrollPane，它允许更漂亮的滚动条，并且具有很好的跨浏览器兼容性。

Answer 2

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

如果小部件大于300px，这应该为您提供垂直滚动条。

希望这会有所帮助：）