按钮在页面加载上跳来跳去

Question

请查看每个页面加载时我的按钮是如何跳转的。如何预加载相对定位/ fb api以防止在每个页面上发生这种情况？

http://kundalinilive.com

Answer 1

事实上，Facebook iframe被插入DOM，其大小会影响按钮的位置。您只需将<iframe>创建的宽度/高度添加到现有.fb-like div

即可解决此问题。

.fb-like {
    height: 25px;
    width: 450px;
}

Answer 2

使用css保持隐身：

display:none

在页面加载时显示它们（使用jquery）：

$(function(){
     $('.topBar').fadeIn(); 
});