将某些东西固定在 facebook iframe 的底部？答案

【问题标题】：Fix-position something at the bottom of facebook iframe?将某些东西固定在 facebook iframe 的底部？
【发布时间】：2014-01-29 01:13:32
【问题描述】：

我需要在 facebook iframe 的底部放置一些东西。因为它是一个 iframe，所以我不能只是固定它的位置。 Facebook 提供了一个 api，可以为我提供所需的数据。这是我想出的最好的：

setInterval(function(){
        FB.Canvas.getPageInfo(function(info){
            var windowheight = info.clientHeight;
            var iframeoffset = info.offsetTop;
            var scrolloffset = info.scrollTop;
            var offset = windowheight-iframeoffset+scrolloffset-30+'px';
            $('#legal').css("top",offset);
    });
},1);

它可以工作，但是当我滚动到快速时，由于帧速率最高为 1000fps（即使在 Chrome 中，我什至还不敢在任何其他浏览器中尝试它）。有没有更简单和/或更少滞后的方法来做

【问题讨论】：

标签： css facebook

【解决方案1】：

能否在应用程序中包含 css 以提供 div 绝对定位？

div {
position:absolute;
bottom:0px;
}

【讨论】：

不，因为它在 iframe 内，而且我想要一个固定位置，而不是绝对位置

【解决方案2】：

确实没有其他方法可以在 Facebook iframe 中固定位置。我建议使用

$('#legal').animate({position: "absolute", top: offset}, 500);

这样至少它可以顺利过渡。您也可以将过渡时间设置为相对于它正在行驶的距离。

【讨论】：