Javascript jQuery滚动条在工具提示中仅在窗口调整大小时正确加载，每次激活时内容都会重新加载

我在jQuery工具提示中使用自定义jQuery滚动条

在firefox中如果您单击两次以打开，例如，如果它打开，则不关闭它，而是再次激活工具提示

在chrome中它仅在调整浏览器窗口大小时显示并正常工作

我试图在小提琴中复制它来显示，但是小提琴对于非动态内容很好：小提琴仍然会显示我正在使用的内容

工具提示的HTML实际上使用php内联：

<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();

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

激活工具提示，如：

<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();

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

我注意到，在Chrome中，每次打开工具提示时，图像和列表似乎都会重新填充。我不知道如何解决这个问题

另外，我实际上在库中移动了enter回调来支持这一点，这是在内容加载到工具提示之前

---

任何想法都将不胜感激。在这一点上，即使是伪造窗口大小调整或在内容100%加载后强制滚动条重置的方法也会令人惊讶。谢谢

我对

mCustomScrollbar

插件也有同样的问题。我发现，因为我正在动态设置包含我也在应用滚动条的内容的div的高度，所以没有任何效果（但当我调整窗口大小时它就起作用了）。因此，在样式表中，我将div的高度设置为1px，并在初始化插件时将

updateOnContentResize

设置为true，如下所示：

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