帖子浏览定位展开、收起标签js部分思路及代码

界面设计类似于贴吧，前端框架用的是bootstrap，设计思路是在主界面搜索去找到某个主题的社区时，点击弹出模态框，模态框内加载该社区内的帖子和社区内其他功能部分，和贴吧不同的是，贴吧的每一个帖子需要点击进去一个新的页面，在新的页面中完成对这个帖子的查看、回复等功能，我们则是通过bootstrap的折叠插件，就在模态框的社区展示中完成对帖子的查看、回复等。初始布局如1图

整个模态框即为社区内容展示区域，其中右侧为帖子展示区域，用户在浏览帖子简介时，想要再深入了解，就可以点击右下角的展开按钮，此时加载当前帖子的全部信息，同时像评论、回复等功能都在这里完成。于此之外，就算用户没有收起刚才打开的帖子，也不影响用户下拉浏览其它帖子简介。展开图如下

由于模态框能展示的内容有限，除了设置内容滚动外，还需要对过长的帖子增加一个收起的定位标签，方便用户浏览内容。在这里做了两种设计，当打开的帖子高度大于模态框可见高度时，生成定位收起标签，始终固定在界面中部靠左的位置，反之则如上图，将收起标签固定在当前打开帖子的底部（反正也不超过一页）。

这里说一下遇到的问题，首先是生成定位收起标签的问题。

1.如果生成位置统一，需要用到绝对定位position:fixed，而且是相对于当前模态框窗口的，那么如果打开的上一个帖子不收起，下一个帖子展开时，定位标签会覆盖到相同的位置。