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