Question

我在本论坛以及其他论坛上看到过同样的问题......遗憾的是，这些地方的回复都没有帮助我。所以我再次提出这个话题......

在我的测试网站hompepage（http://www.crucean.com/testSite/index.html）上，我有一个带有ID #bodyText的DIV ...当在这个DIV上调用jscrollpane时，它的效果看起来好像现在已完全删除了DIV来自DOM，并放置，甚至偏移到一个新的位置，由我只能猜测是冲突的CSS确定，因为仅此页面上有几个链接的CSS文件。我在.jScrollPaneContainer规则中尝试了很多不同的东西......删除位置：relative;和溢出：隐藏......以及其他几件事都无济于事。

我希望有人比我更聪明，可以看看Firebug并提出建议。

另一个可能相关或可能不相关的问题是......还有一个奇怪的显示异常，同一个#bodyText DIV导致文本的几个段落在查看网站时以奇怪的方式出现Dreamweaver中的非实时设置。这很奇怪，因为它在现场环境中显示得很好。理解这一点的唯一方法是查看我的Dreamweaver工作区（http://www.crucean.com/testSite/img/bodyTextAnomaly.jpg）的屏幕截图。我只是想知道所有这些问题是否与我为DIV编码所做的一些愚蠢的事情有关。

提前感谢您的帮助。 |斯科特

Answer 1

您使用的是旧版本的jScrollPane。我建议的第一件事是更新到最新版本：

http://jscrollpane.kelvinluck.com/

您在第1版中看到的问题是不可避免的，因为您应用jScrollPane的元素将包装在新元素中。因此，如果您在元素上使用了位置样式，那么这个样式将会丢失。 jScrollPane 2的工作方式不同，不会遇到这个问题。

如果您想坚持使用版本1，那么您可以尝试这样的HTML结构：

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

在CSS中：

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

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

希望它有所帮助！

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

1 个答案: