0

在我的客户公司网站主页中，我在没有滚动条 (CSS overflow-y: hidden) 的固定大小容器中显示公司的 Facebook 时间线更新。客户公司想要展示填充容器的 FB 更新。即使在视觉上将消息隐藏在容器高度之外，有时我想避免显示部分隐藏的文本/图像。见下图。

示例截图（jpg）：

根据上面的图片，我想完全删除从部分显示（突出显示）到所有隐藏文本块的所有内容StringBuilder。但我无法显示固定的 5 个文本块，因为每条消息都可以包含图像或更长的文本内容。在视觉上使内容适合容器高度。

我如何获取数据和过滤：我正在获取 Facebook JSON ( http://graph.facebook.com/USERID/feed?&limit=20) 并使用 JSON.net 库进行反序列化。通过某些条件过滤无效消息后，我将显示有效消息。仍然有太多的消息。

如上面的 url，通过限制查询字符串，我可以限制可以适合容器高度的消息。但由于“无效消息”过滤器，有可能显示的消息非常少或根本不显示。

请帮助我限制字符串生成器在容器高度内动态写入文本块。没有隐藏的 DOM 元素。

4

1 回答 1

0

目前我找到了一个客户端解决方案。

通过 jquery，我将不需要的块隐藏在固定容器高度之外。下面的代码将确保溢出的内容块根本不会显示。

$('#fbtl').children(".fbpost").each(function () {
 if (($(this).position().top + $(this).height() + parseInt($(this).css('padding-bottom'), 10) - 93) > $('#fbtl').height()) {
 $(this).hide();
});

干杯，

Shanthosh Krishnakumar

于 2013-06-24T02:26:07.233 回答