jScrollPane和Facebook评论

Question

我正在建立一个网站，我想显示Facebook评论并使用Jscrollpane，但它不起作用。我不知道我做错了什么，这应该很容易'因为我不想要任何花哨的效果，只需更换丑陋的原生滚动条。就是这样。

评论显示但根本没有滚动条。

提前感谢您的帮助。

   <div id="fb-root">/div>  

   <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

//这是facebook评论的div

<div class="fb-comments" data-href="" data-num-posts="3" data-width="390" data-colorscheme="dark" style="height: 400px; overflow:auto;"></div>

// JScrollpane的脚本

   <script type="text/javascript">
                    $(function(){
                        $('.fb-comments').jScrollPane({
                            showArrows: true,
                            maintainPosition: false
                        });
                    });
                </script>

Answer 1

为此，您需要将autoReinitialise设置为true！

$('.fb-comments').jScrollPane({
    showArrows: true,
    maintainPosition: false,
    autoReinitialise: true
});

说明：

  

jScrollPane是否应该在您最初初始化之后定期自动重新初始化。当滚动窗格（或周围元素）的内容大小发生变化时，这可以提供帮助。但是，它确实涉及在计时器上运行javascript函数的开销，因此建议仅在必要时激活。