Javascript jScrollPane和Facebook评论
我正在建立一个网站,我想显示facebook的评论并使用Jscrollpane,但它不起作用。我不知道我做错了什么,这应该很容易,因为我不想要任何花哨的效果,只要更换丑陋的本地滚动条。就这样 评论会显示出来,但根本没有滚动条 提前感谢大家的帮助Javascript jScrollPane和Facebook评论,javascript,facebook,jscrollpane,Javascript,Facebook,Jscrollpane,我正在建立一个网站,我想显示facebook的评论并使用Jscrollpane,但它不起作用。我不知道我做错了什么,这应该很容易,因为我不想要任何花哨的效果,只要更换丑陋的本地滚动条。就这样 评论会显示出来,但根本没有滚动条 提前感谢大家的帮助 <div id="fb-root">/div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0];
<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>
/div>
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/es#LA/all.js#xfbml=1&appId=“;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
//这是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>
$(函数(){
$('.fb comments').jScrollPane({
真的,
位置:false
});
});
为此,您需要将自动重新初始化设置为true
!
说明:
初始初始化后,jScrollPane
是否应定期自动重新初始化自身。当scrollpane(或周围元素)的内容大小更改时,这有助于处理实例。但是,它确实涉及在计时器上运行javascript函数的开销,因此建议仅在必要时激活
$('.fb-comments').jScrollPane({
showArrows: true,
maintainPosition: false,
autoReinitialise: true
});