iframe 内容最大滚动高度和跨浏览器滚动顶部？答案

【问题标题】：iframe content max scroll height and scroll top in cross browser?iframe 内容最大滚动高度和跨浏览器滚动顶部？
【发布时间】：2013-03-08 13:20:10
【问题描述】：

如何在跨浏览器中获取 iframe 内容的总/最大滚动高度和滚动顶部。

我尝试了下面的代码，它返回 scrollTop only in FireFox 但我想在跨浏览器中获取 scrollTop 和总 ScrollHeight。

<head>
    <script src="../javascripts/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function getIframeH(){
            var scrollHeight = $('#ifrm').contents().scrollTop();
            $('#dvMsg').html("scrollHeight :: " + scrollHeight);
        }
    </script>
</head>
<body>
    <div id="dvMsg"></div>
    <input id="Button1" type="button" value="button" onclick="getIframeH();" />
    <iframe id="ifrm" src="a.xml" ></iframe>
</body>
</html>

谢谢

【问题讨论】：

如果设置 scrollHeight = $('#ifrm').scrollTop()，而不是 .contents().scrollTop()，会发生什么？
scrollHeight = 0;现在甚至在 FireFox 中也是如此。
见stackoverflow.com/questions/1852518/…

标签： javascript jquery

【解决方案1】：

基于this question - 基本上你需要检查 iframe 的 $("html").scrollTop()，如果 html 为 0，则检查 $("body").scrollTop()。人们为此编写了插件 - 不要重新发明轮子 =)

【讨论】：