前端面试之如何获取一个iframe的scrollTop

我的脚本正在运行在iframe本身,父窗口在另一个域,所以我无法访问iframe的ID或任何类似的

本次给大家推荐一个免费的学习群&＃xff0c;里面概括移动应用网站开发&＃xff0c;css&＃xff0c;html&＃xff0c;webpack&＃xff0c;vue node angular以及面试资源等。 对web开发技术感兴趣的同学&＃xff0c;欢迎加入Q群&＃xff1a;864305860&＃xff0c;不管你是小白还是大牛我都欢迎&＃xff0c;还有大牛整理的一套高效率学习路线和教程与您免费分享&＃xff0c;同时每天更新视频资料。 最后&＃xff0c;祝大家早日学有所成&＃xff0c;拿到满意offer&＃xff0c;快速升职加薪&＃xff0c;走上人生巅峰。

您可以使用此设置设置scrollTop&＃xff1a;$("html,body").scrollTop(25);


所以你可以尝试这样做&＃xff1a;

$("html,body").scrollTop();


因为不同的浏览器将scrollTop设置在不同的元素(body或html)上.

从scrollTo插件&＃xff1a;

但是在某些浏览器中可能仍然会失败.以下是Ariel Flesher’s scrollTo plugin for jQuery源代码的相关部分&＃xff1a;

// Hack, hack, hack :)
// Returns the real elements to scroll (supports window/iframes, documents and regular nodes)
$.fn._scrollable &＃61; function(){return this.map(function(){var elem &＃61; this,isWin &＃61; !elem.nodeName || $.inArray( elem.nodeName.toLowerCase(), [&＃39;iframe&＃39;,&＃39;#document&＃39;,&＃39;html&＃39;,&＃39;body&＃39;] ) !&＃61; -1;if( ! isWin ) {return elem;}var doc &＃61; (elem.contentWindow || elem).document || elem.ownerDocument || elem;return $.browser.safari || doc.compatMode &＃61;&＃61; &＃39;BackCompat&＃39; ?doc.body : doc.documentElement;});
};


然后您可以运行&＃xff1a;

$(window)._scrollable().scrollTop();


确定iframe向下滚动的距离