0

我正在建立一个网站,我想显示 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>
4

1 回答 1

0

为此,您需要autoReinitialisetrue!

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

解释:

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

于 2012-12-04T09:34:50.773 回答