jquery - jQuery、jScrollPane 和长内容

Question

我有一个托管在我的 SkyDrive 上的问题示例：

https://skydrive.live.com/redir?resid=E95AD09917EEFAD1!292&authkey=!APYwAoPQ0tprs-A

我在 .NET WebBrowser 控件中显示内容并使用 jScrollPane 使内容可滚动。我遇到的问题发生在显示大型内容时。这些问题似乎不会在 Chrome 或 Firefox 中发生，但查看 IE9 中的示例应该会显示我将要描述的内容。

问题 #1 是大量内容向右溢出。最好的例子是当你第一次加载页面时，顶部的段落（实际上是一个表格单元格）在右侧溢出。这是一个屏幕截图：

问题 #2 是由于某种原因，滚动窗格高度的计算无法正常工作，并且内容在底部被截断，如下所示：

更新：

我最终将我的赏金奖励给了 RedDevil79，因为他的回答确实是一个解决方案，但是 white-space: pre-wrap 对我的项目来说是必要的，所以我不能简单地删除它。我的最终解决方案是在“.freetext tr td”元素中添加一个 word-wrap: break-word 样式以及一个与右侧滚动条宽度相匹配的动态 padding-right。

Answer 1

正确溢出的问题是因为您使用的是 white-space: pre-wrap 内容，如果您删除它可以正常工作。如果不尝试再次销毁并初始化对象，这也应该解决高度问题，例如：

var ele = $('#Outer').jScrollPane(scrollSettings);
scrollAPI = ele.data('jsp');    
scrollAPI.destroy();
ele = $('#Outer').jScrollPane(scrollSettings);
scrollAPI = ele.data('jsp');

编辑：

我发现在初始化对象时使用它不需要在每次更改内容时都销毁和重建，并且可能会解决高度问题。

$("#Outer").jScrollPane({
    autoReinitialise:true,
    autoReinitialiseDelay: 1
});