我正在开发一个 Facebook 应用程序,如果用户收到错误弹出窗口,页面应该自动滚动到页面的某个部分(阅读中心)。我已经让它在 Firefox、IE、Safari 上运行,但无法在 Google Chrome 上运行。
现在我正在使用这段代码:
document.getElementById('banner').scrollIntoView(true);
--> 适用于除 Chrome 以外的所有主流浏览器
我已经尝试了以下所有功能以使其在 Chrome 上运行,但没有运气:
- 1.window.scrollTo(100,500);
- 2.parent.window.scroll(0,0);
- 3.parent.frames.window.scrollTo(200,300);
- 4.var rowpos = jQuery('#banner').position();
- 5.jQuery('#iframe_canvas').animate({ scrollTop: jQuery('#banner').offset().top }, { duration: 'slow', easing: 'swing'});
由于这是为了在 Facebook 应用程序上工作,该应用程序由 Facebook 在类似于沙盒的 iframe 中呈现,因此最外面的父窗口无法控制 iframe 内的元素,因此我用完了想法。
如果有人能提出任何意见来帮助我解决这个问题,我将不胜感激,因为它阻碍了我的整个项目的交付:(
提前致谢!