jScrollPaneがtwitterプロファイルフィードと連携していません

Question

jscrollpaneをページの2か所に適用しました.1つは通常の静的コンテンツ、もう1つはTwitterフィードフィードです。最初のものは、twitterフィードがページに実装されるまで、正常に動作していました。私はこの後に空白のページを取得しています。以下のコードを参照してください。どんな助け？

ヘッド部：

<script type="text/javascript" src="js/jquery-min.js"></script> 
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script> 
<script type="text/javascript" src="js/jquery.mousewheel.js"></script> 

<script type="text/javascript" id="sourcecode">   
    $(function() 
    { 
     $('.scroll-pane').jScrollPane(); 
    });   
</script> 

本体部：

<h1>Normal Content</h1> 
    <div class="scroll-pane"> 
     <p> 
      some text ... 
     </p> 
    </div> 

    <h1>Twitter Feed</h1>   
    <div class="scroll-pane"> 
    <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> 
    <script> 
    new TWTR.Widget({ 
     version: 2, 
     type: 'profile', 
     rpp: 10, 
     interval: 30000, 
     width: '300', 
     height: 'auto' , 
     theme: { 
     shell: { 
      background: '#d12a00', 
      color: '#ffffff' 
     }, 
     tweets: { 
      background: '#ffffff', 
      color: '#474747', 
      links: '#d12a00' 
     } 
     }, 
     features: { 
     scrollbar: false, 
     loop: false, 
     live: false, 
     behavior: 'all' 
     } 
    }).render().setUser('rajkut').start();   
    </script> 
    </div> 

Answer 1

あなたのスクロール方法でこれを追加する必要があります。ここで重要なことは、autoreinitialiseのものである

$('.scroll-pane').jScrollPane({ 
       autoReinitialise: true, 
       verticalDragMinHeight: 20, 
       verticalDragMaxHeight: 20, 
       horizontalDragMinWidth: 20, 
       horizontalDragMaxWidth: 20 
    }); 

を、 btw私はまた、あなたが2番目のスクロールペインの原因にいくつかの高さを追加することをお勧めtを思い出す彼は、プラグインあなたが高さを設定する必要はありません隠さ

<div class="scroll-pane" style="height:someheight"> 

Answer 2

へのオーバーフローを切り替えます。それは自動的に高さを埋めるため、スペースを無駄にしません。