一部のdivではスクロールバーがレンダリングされますが、他のdivではレンダリングされません。[jScrollPane/jQuery]

Question

jScrollPaneプラグインを使用して一部のdivのスクロールバーをレンダリングしています。私の問題は、divの1つがスクロールバーを表示し、他のdivはスクロールバーを表示しないだけでなく、その中のコンテンツも混乱していることです。

div内のコンテンツが並べ替えられました（すべて<p>、次にすべて<img>、すべてが<h#>など）、すべての改行やその他の書式が削除されました。両方のdivがページのスタイルシートに設定されているプロパティとまったく同じプロパティを持っているため、なぜこのようなことが起こるのかわかりません。

この種の共通原因はありますか？私は当初、それが画像を含む不正なdivと関係するかもしれないと思ったので、autoReinitialiseを有効にしようとしましたが、私はまだ同じ問題を経験しています。より多くのコンテンツについて

編集、：

がふらちなさのdivがcontentと呼ばれています。動作するdivはcommentsとなります。スクロールバーのCSSはそれぞれ同じです。両方が同じスタイルシートを参照しています。

JS：

$(window).load(function() { 

     $("#content").jScrollPane(
        { 
         autoReinitialise: true 
        } 
       ); 

}); 
$(document).ready(function(){ 

    //scroll barzzz 
    $("#comments").jScrollPane(); 
}); 

はCSS：

#content { 
     font-family: Helvetica, Arial, Sans-serif; 
     text-align: justify; 
     width: 95%; 
     height: 350px; 
     background-color: #fff; 
     padding: 20px; 
     opacity: 0.0; 
     margin: 10px; 
     overflow:auto; 
     border-radius: 15px; 
     border: solid 1px #eee; 

    } 
#comments { 
     font-family:  Helvetica, Arial, Sans-serif; 
     height: 300px; 
     width: 90%; 
     background-color: #fff; 
     padding: 10px 10px 10px 10px; 
     opacity: 0.0; 
     margin: 10px; 
     border-radius: 15px; 
     overflow:auto; 
     border: solid 1px #eee; 

    } 

Answer 1

私は同様の問題を持っていたし、それは<p> - タグの内側に自分のコンテンツを置くことによって解決しました。 <p>または<h1>のような2番目のブロックタグで囲まれていないスクロール可能div内にコンテンツがあった場合、何らかの理由でjScrollPanelコードが機能しなくなりました。