jscrollpane插件似乎刪除DOM中的DIV

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編碼做的一些頭腦事情有關。

在此先感謝您的幫助。 | scott

Answer 1

您正在使用jScrollPane的舊版本。我會建議的第一件事就是更新到可用的最新版本：

http://jscrollpane.kelvinluck.com/

，因爲你申請JScrollPane中的元素被包裹在一個新的元素，你所看到的問題是，在第1版不可避免的。因此，如果您對應用該元素的元素具有位置樣式，那麼這種樣式將會丟失。 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; 
} 

希望它能幫助！