jscrollpane плагин, кажется, удаляет DIV из DOM

Question

Я видел эту же проблему, опубликованную на этом форуме, а также другие ... к сожалению, ни один из ответов в этих местах мне не помог. Так что я еще раз поднимаю тему ...

На моем тестовом сайте hompepage (http://www.crucean.com/testSite/index.html) у меня есть DIV с идентификатором #bodyText ... когда jscrollpane вызывается в этом DIV, он имеет эффект, который выглядит как если этот 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/

проблема, которую вы видите, это неизбежно в версии 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; 
} 

Надеется, что это помогает!