Iframe 锚点在 FB 选项卡中不起作用
在花了一整天的时间尝试在 facebook 选项卡中使锚点工作后，我已经放弃并寻求帮助:)
在以下非常简单的选项卡中 http://www.facebook.com/pages/Testing-pages/196886257049573?sk=app_186989884709513 我们在页面末尾有一个锚点，应该将用户带回到顶部页面的。
如果我离开 iframe 滚动条，一切都会按预期工作，但如果我使用以下 js 删除滚动条：
window.fbAsyncInit = function() {
FB.init({
appId: 'your_app_id',
status: true,
cookie: true,
xfbml: true
});
FB.Canvas.setSize();
};
链接将停止工作并且不执行任何操作。 以下问题发生在 IE9、FF7 中，但在 Safari 和 Chrome 中运行良好。
我很茫然，真的不知道在这里做什么。
注意1：尝试了以下插件 http://flesler.blogspot.com/2007/10/jqueryscrollto .html
注2：尝试通过 JS 重新加载页面，但它在左侧的同一位置重新加载。
After spending all day trying to make an anchor work in facebook tabs I have given up and ask for help :)
In the following very simple tab http://www.facebook.com/pages/Testing-pages/196886257049573?sk=app_186989884709513 we have an anchor in the end of the page that should bring the user back to the top of the page.
If I leave the iframe scrollbar everything works as expected but if I get rid of the scrollbar with the following js:
window.fbAsyncInit = function() {
FB.init({
appId: 'your_app_id',
status: true,
cookie: true,
xfbml: true
});
FB.Canvas.setSize();
};
the link stops working and does nothing.
The following issue happens in IE9, FF7 but works well in Safari and Chrome.
I am at a loss and really don't know what to do here.
NOTE1: Tried the following plugin http://flesler.blogspot.com/2007/10/jqueryscrollto.html
NOTE2: Tried to reload the page through JS but it reloads on the same place where left.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
所以我知道这已经很晚了，但是使用 jQuery 你可以绑定任何以
#开头的，找到该元素的顶部位置，然后使用 FB.Canvas.scrollTo(0,position) 滚动到该元素。http://jsfiddle.net/sluzorz/efyVf/
编辑：
使用
jQuery.offset( )来代替。So I know this is pretty late, but using jQuery you can bind any
<a href=""></a>starting with a#, finding the top position of that element, then usingFB.Canvas.scrollTo(0, position)to scroll to that element.http://jsfiddle.net/sluzorz/efyVf/
Edit:
Use
jQuery.offset()instead.