使用溢出的底部内容截断：自动；和jscrollpane答案

【问题标题】：Bottom content cutoff using overflow: auto; and jscrollpane使用溢出的底部内容截断：自动；和jscrollpane
【发布时间】：2012-04-25 06:17:44
【问题描述】：

由于旋转的内容区域、textoverflow 以及滚动条无法正确显示的 -webkit 问题，我决定使用 jscrollpane。初始问题：Original Issue question to Sitepoint.

为了防止所有额外的 css 代码为 -webkit 浏览器创建我自己的滚动条，我决定使用 jscrollpane。它适用于一个主要问题：底部的几行文字仍然不可见！请参阅：overflow: auto; with jscrollpane, but cutting off bottom text.如何使其可滚动以使所有内容可见？

感谢任何帮助。

PChuprina

【问题讨论】：

我在 webkit 浏览器中遇到了同样的问题。你确定解决方案了吗？

标签： jquery jscrollpane

【解决方案1】：

jScrollPane 有一些选项可以解决这个问题：

autoReinitialise:true

（增加处理开销..仅在必要时使用）

http://jscrollpane.kelvinluck.com/auto_reinitialise.html

reinitialise()

（手动更新窗格大小）

http://jscrollpane.kelvinluck.com/dynamic_content.html

【讨论】：

【解决方案2】：

欢迎使用 stackoverflow！

这看起来像是一个简单的时间问题。在jsScrollPane() 函数运行后，您/某事正在更改滚动窗格的内容。

首先尝试简单地将其包含在$(document).ready() 函数中。如果这不起作用，请检查您的函数并检查是否有任何 javascript 正在改变该容器的大小并添加 jsScrollPane() 作为回调。

很确定第一个对你有用:)

【讨论】：

嗨@Inrbob，不幸的是你的修复没有奏效。不确定我是否实现了 $(document).ready() 函数。实现jscrollpane的代码是： $(function(){ $('#resume').jScrollPane(); });此外，似乎没有任何其他功能可以改变容器的大小。唯一的其他 javascript 用于 Google 分析。任何更多的帮助肯定会受到赞赏和学习经验。谢谢。 PChuprina
嗯，很有趣。如果您在 chrome 中打开您的网站，按 ctrl+shift+j，转到控制台，输入 $('#resume').jScrollPane(); 并按回车键，它应该会显示正确的滚动。你有一个 script.js 文件——你不能在这里添加你的初始化代码吗？最终选项 - 这可能是因为您的图像加载。如果在 script.js 中添加到 $(document).ready(function(){}) 不起作用，请尝试创建一个新函数 $(window).load(function(){$('#resume').jScrollPane();})
我认为 Inrbob 是对的，但我发现 jScrollPane 的一些奇怪行为。我遇到过同样的问题。我的图像将填充属性设置为 6px，这不是在封闭 div 的总高度中计算的。 jScrollPane 初始化器只是忽略了图像的该属性，并且封闭的 div 比预期的短 (2x6px)12px。