Facebook应用程序iFrame固定元素

Facebook应用程序iFrame固定元素,facebook,iframe,Facebook,Iframe,我希望在我的Facebook应用程序的iFrame中有一个固定元素(DIV)。那么当用户向下滚动页面时,该元素仍然固定在浏览器窗口的顶部 最基本的:当你向下滚动的时候,你把东西放进袋子里,当你把这些东西放进袋子里的时候,一个固定的DIV会显示你的“分数”。滚动时,“分数计数器”应始终可见 谢谢大家! 如果您使用facebook的iframe自动调整大小功能,这是不可能的。一旦iframe的大小调整为不需要滚动,唯一可用的滚动将是父窗口之一。但是,子iframe没有关于父窗口滚动的信息(因为它们不

我希望在我的Facebook应用程序的iFrame中有一个固定元素(DIV)。那么当用户向下滚动页面时,该元素仍然固定在浏览器窗口的顶部

最基本的:当你向下滚动的时候,你把东西放进袋子里,当你把这些东西放进袋子里的时候,一个固定的DIV会显示你的“分数”。滚动时,“分数计数器”应始终可见


谢谢大家!

如果您使用facebook的iframe自动调整大小功能,这是不可能的。一旦iframe的大小调整为不需要滚动,唯一可用的滚动将是父窗口之一。但是,子iframe没有关于父窗口滚动的信息(因为它们不在同一个域中…),尝试侦听滚动事件或滚动位置只会返回滚动条位于位置0或最顶部的信息

但是,您可以侦听单击事件并提取单击事件或单击元素的偏移量

一些例子:

$('.clickme').click(function(e) {

    e.preventDefault();

    var top;

    // Using click position (e.pageY and e.pageX available)
    top = e.pageY;

    // Using clicked element position
    top = $(this).offset().top;

    $('#moveme').css({'top': top - 100 + 'px'}); //

}

也许你可以将你的互动建立在这个原则的基础上?

我不了解你,Erik,但这对我帮助不大。 FB.Canvas.getPageInfo能帮上忙吗

也许这会有帮助:我正在使用

(function() {
    var el = $("header:first");
    var elpos_original = el.offset().top;
    $(window).scroll(function(){
        var elpos = el.offset().top;
        var windowpos = $(window).scrollTop();
        var finaldestination = windowpos;
        if(windowpos<elpos_original) {
            finaldestination = elpos_original;
            el.stop().css({'top':0});
        } else {
            el.stop().animate({'top':finaldestination-elpos_original},0);
        }
    });
})();
(函数(){
var el=$(“标题:第一”);
var elpos_original=el.offset().top;
$(窗口)。滚动(函数(){
var elpos=标高偏移();
var windowpos=$(window.scrollTop();
var finaldestination=windowpos;

如果(windowposnormal)方法不起作用?我不知道?我想当它在iFrame中时可能会有问题?