0

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

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

我希望比我更聪明的人可以看看 Firebug 并提供建议。

另一个可能相关也可能不相关的问题是......同样的#bodyText DIV 还有一个奇怪的显示异常，当以非Dreamweaver 中的现场设置。这很奇怪，因为它在现场环境中显示良好。了解这一点的唯一方法是查看我的 Dreamweaver 工作区的屏幕截图 ( http://www.crucean.com/testSite/img/bodyTextAnomaly.jpg )。我只是想知道所有这些问题是否可能与我为该 DIV 编码所做的一些愚蠢的事情有关。

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

4

1 回答 1

0

您使用的是非常旧的 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;
}

希望能帮助到你！

于 2010-09-23T06:48:53.053 回答