jquery - 无序列表的最后一个元素在页面底部被截断 [New Issue]

标签 jquery html css

我正在构建一个聊天应用程序,我遇到的一个小问题是,有时无序列表中剩余的最后 1 或 2 条消息会在底部被截断,您可以看到大约一半的消息倒数第二个列表项,然后最后一个元素完全位于页面下方。然后我必须发布另一条消息才能向下滚动并看到前 2 条消息被截断:

视频:http://gyazo.com/2f8e636bfec671240ae76b5eecdd1a17

看起来这里的问题是底部的文本框实际上覆盖了列表项。

最佳答案

为您的 ul 标签添加 overflow:scroll 属性。请在 fiddle 中上传您的代码以获得进一步的帮助。

这里是overflow属性的引用 http://www.w3schools.com/cssref/pr_pos_overflow.asp

关于jquery - 无序列表的最后一个元素在页面底部被截断 [New Issue],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26478469/

相关文章:

javascript - 使用输入文件更改 img 标签的 src

jquery - 使用 jQuery Ajax 的安全风险

javascript - 添加比例到 PhotoEditorSDK

jQuery - 将可拖动元素链接为 "nodes"

html - Bootstrap 模态标题不可见

javascript - 随指数时间递减的 Setinterval

jquery - 悬停时更改每个元素

html - 如何将溢出的跨度包装在固定的 div 中

javascript - 在 div 中包装 slider 降低高度

javascript - 移动 safari(和 UIWebView)上的表情符号缩小