0

大家好！

我目前正在冒险进入一个新项目，更具体地说，是一个固定的聊天栏。这个聊天栏扩展到文档的 100% 宽度，当然是固定在页面底部的。

所以这是我的问题。我的具体目标是使用 jquery 来确定何时不能放置更多选项卡，并添加另一种将选项卡添加到栏的方法（例如，可能是选项卡，或者是一个简单的滚动按钮，它可以遍历每个选项卡）。

在这个过程中，我的问题是我不确定如何“攻击”这个计划。现在，聊天栏由一个父 div (ghChatBar) 组成，它的子元素向左浮动，标签位于它自己的 div 中（为了更容易访问而将其分开，当前包含 div id“ghChatTabs”）。

所以分解它，我只是想找到一种方法来确定标签何时遇到划分结束，同时不影响朋友在线按钮，还允许用户打开更多标签，只是有办法将它们添加到酒吧，无需走出酒吧，就像 facebook 的方法一样。打开足够多的选项卡后，它会添加一个下拉菜单，其中包含无法在屏幕上显示的选项卡。如果它更容易，右侧不会出现其他 div，只有选项卡。我几乎觉得更聪明的做法是使用无序列表方法重新编码栏，对此有何想法？

我的聊天栏布局示例：ImageShack.Us Image

我提前感谢任何答案，非常感谢您抽出时间提供帮助。

谢谢！

编辑

<div id="ghChatBar">
    <div class="friends-online">
        [11] Friends Online
        <div class="friends-list">
            <!-- Friends list popup div goes here -->
        </div>
    </div>
    <!-- Chat Window Container -->
    <div id="ghChatTabs">
       <div class="ghChatWindow" data-userid="userid" id="user-chat-{id_goes_here}">
           <!-- Inside of Chat Window -->
       </div>
    </div>
    <!-- End Chat Container -->
</div>

显然，父 div "ghChatBar" 拥有固定的位置、100% 的宽度等。上面只是对这个 bar 内置的 html 的简单分解。那个 bar 里面的所有东西都只是向左浮动。一切都有固定的宽度。

4

0 回答 0