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

Question

我的 wordpress 网站中有一个小部件，显示最近 10 个帖子。带有 10 个帖子的整个显示图像+标题使小部件看起来很大。我在想是否可以轻松/可能仅显示特定大小（例如 300 像素）并在右侧有一个小滚动条以查看其余内容。

score 2 · Accepted Answer

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

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

这将产生一个“默认”滚动条，就像您在浏览器窗口一侧看到的那样。如果你想要一些不那么难看的东西，你可以进一步设计成像你的网站一样，考虑使用jScrollPane，它允许更漂亮的滚动条并且具有很好的跨浏览器兼容性。

score 1 · Accepted Answer

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

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

希望这可以帮助：）

2 回答 2