jQueryのスクロールバー、内容は毎回リロードされて、私はjQueryのツールチップの内部のカスタムjQueryのスクロールバーを使用してい

Question

を活性化しました。 Firefoxので

あなたは、例えば、開くために二回クリックした場合、開いている場合は、閉じるのではなく、もう一度ツールチップをアクティブにします。

クロムブラウザウィンドウのサイズを変更すると表示され、正常に機能します。

私は示すために、フィドルでこれを複製しようとしたが、フィドルは非動的なコンテンツのため正常に動作します：http://jsfiddle.net/mstefanko/JdAmG/71/フィドルが、まだ私はで働いているものを表示します。

<div class="grab-this"> 
<div id="tip-content" class="nano"> 
    <div class="scrollContent"> 
    <?php foreach ($member_info as $member) : ?> 
     <div class="member"> 
      <div class="member-photo"> 
       <img class="photo" src="<?php echo $member->photo_url ?>"/></div> 
      <div class="team-member-screen-name">          
      <a href="<?php echo $member->url ?>"><?php echo $member->screen_name ?></a> 
     </div> 
    </div> 
    </div> 
    <?php endforeach ?> 
</div> 
</div> 

私が使用してツールチップのためにそのコンテンツをつかんだ：

var team = $('.grab-this').html(); 

のようにツールチップを有効に：ツールチップの

HTMLは、実際には、PHPをインラインで使用しているを

$('.tooltip').tipTip({activation: 'click', content: team, enter: function(){ 
    $("#tip-content.nano", "#tiptip_content").nanoScroller(); 
}); 

私は、ツールチップを開くたびに画像とリストが再生成されるように見えることは何よりもChromeにあることに気付いています。それをどのように修正するかわかりません。

はまた、私は実際にすべてでこれをサポートするために、ライブラリーにコールバックを入力して移動するコンテンツは、ツールチップにロードされる前に、前にいました。すべての

任意のアイデアをいただければ幸いです。この時点では、ウインドウのサイズを変更するためのハッキングや、コンテンツが100％ロードされた後にスクロールバーを強制的にリセットする方法も素晴らしいでしょう。おかげ

Answer 1

私はmCustomScrollbarプラグインと同じ問題を抱えていました。スクロールバーを適用していたコンテンツを含むdivの高さを動的に設定していたため、何も機能しませんでした（ただし、ウィンドウのサイズを変更したときに機能しました）。だから、スタイルシートで私は1pxのためのdiv要素の高さを設定し、次のように私は、プラグインが初期化されたときにtrueにupdateOnContentResizeを設定します。それが働いただけではなくそれがなかったことを理由

$('.mCustomScrollbar').mCustomScrollbar ({ advanced: { updateOnContentResize: true } });