根据帖子高度生成侧边栏

时间:2012-12-06 作者:peek

我正在建立一个网站,每个帖子/文章旁边都有侧边栏,显示链接到其他帖子的随机缩略图。

每个侧边栏都不应该比它旁边的帖子长/大。当然,帖子的高度各不相同,我想找出/计算每个帖子的高度,然后生成一个带有或多或少缩略图的边栏。

实现这一目标的最佳方式是什么
Javascript?

这是设计/草图的屏幕截图(点击放大):
design sketch

这是一个current live version, 但还有很多工作要做,工作正在进行中!

1 个回复
SO网友:Steve Claridge

JavaScript无疑是一条必由之路。查看jQuery的height()并outerHeight() 功能。outerHeight()包括边距和填充,height()不包括边距和填充。

为了尽可能简单,我会首先呈现一个固定高度的侧栏(来自WP/PHP),其中高度是对最长帖子的合理估计,然后使用JavaScript将其降低到适合的高度。如果不先渲染尽可能长的边栏,然后将其剪切到适当的大小,则必须使用Ajax返回服务器并获取更多边栏内容,这样会更慢,并在边栏上产生更直观的“弹出”窗口。

确保侧栏由可以使用$()轻松删除的元素(div或LIs)组成。隐藏();

如果你发现删减边栏的高度会带来明显的/恼人的屏幕更新,那么你可以先隐藏整个滚动条,只显示新删减的版本-你仍然会弹出边栏,但如果没有弹出到正确大小的滚动条,可能会比将过长的滚动条弹出到较短的滚动条看起来更平滑。

顺便说一下,网站的排版很好。:-)

结束

相关推荐

如何在unctions.php中使用wp_EDITOR();然后检索模板中的内容

我想使用wp\\u editor();(自定义编辑器)我尝试了几种方法,但我迷路了,无法保存帖子并在模板中检索内容How to edit posts with the new wp_editor api?而且add_action( \'edit_page_form\', \'my_second_editor\' ); function my_second_editor() { // get and set $content somehow... wp_editor(