Jquery jscrollpane插件似乎从DOM中删除了DIV

我在这个论坛和其他论坛上看到过同样的问题。。。不幸的是，这些地方的反应对我都没有帮助。所以我再次提出这个问题

在我的测试站点hompepage（）上，我有一个ID为#bodyText的DIV。。。当在这个DIV上调用jscrollpane时，它的效果看起来好像这个DIV现在完全从DOM中移除，并被放置，甚至被偏移到一个新的位置，这个位置由我只能猜测的是冲突的CSS决定，因为这个页面上有几个链接的CSS文件。我在.jScrollPaneContainer规则中尝试了许多不同的方法。。。拆卸位置：相对位置；和溢出：隐藏。。。以及其他一些事情都没有用

我希望有人，比我聪明，可以看看Firebug，并提供一个建议

另一个可能相关也可能无关的问题是。。。同样的#bodyText DIV也有一个奇怪的显示异常，当在Dreamweaver的非实时环境中查看站点时，它会导致一些文本段落以奇怪的方式出现。这很奇怪，因为它在现场环境中表现得很好。了解这一点的唯一方法是查看我的Dreamweaver工作区（）的屏幕截图。我只是想知道是否所有这些问题都与我在为那个DIV编写代码时做的一些愚蠢的事情有关

提前感谢您的帮助。

---

|scott

您正在使用非常旧版本的jScrollPane。我建议的第一件事是更新到最新版本，可从以下网站获得：

在版本1中，您看到的问题是不可避免的，因为您应用jScrollPane的元素被包装在新元素中。因此，如果在应用它的图元上有位置样式，则此样式将丢失。jScrollPane 2的工作方式不同，不会出现此问题

如果您想继续使用版本1，则可以尝试以下HTML结构：

<div id="bodyText">
    <div id="scrollPane">
        ...
    </div>
</div>

---

希望有帮助

哦，这有帮助！非常感谢。。。只是升级到版本2就做到了，我也理解你对为什么版本1不工作的解释。。。再次感谢。

#bodyText
{
    float:right;
    height:400px;
    margin-left:0;
    margin-right:20px;
    margin-top:20px;
    width:622px;
}

#scrollPane
{
    overflow:auto;
    width:622px;
    height:400px;
}