jScrollPane이 트위터 프로필 피드와 함께 작동하지 않습니다.

Question

jscrollpane을 페이지의 두 위치에 적용했습니다. 하나는 정상적인 정적 컨텐츠이고 다른 하나는 트위터 프로파일 피드입니다. 첫 번째는 트위터 피드가 페이지에 구현 될 때까지 예상대로 잘 작동했습니다. 이 후에 빈 페이지가 나타납니다. 아래 코드를 참조하십시오. 어떤 도움이 필요합니까?

헤드 섹션 :

<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 나는 또한 당신이 두 번째 scrollpane의 원인을 기억하는 원인에 약간의 높이를 추가 할 것을 제안한다. 그는 플러그 접속 식으로 오버플로를 전환합니다.

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

Answer 2

높이를 설정할 필요가 없습니다. 높이가 자동으로 채워 지므로 공간을 낭비하지 않습니다.