使用 jQuery 滚动 <object> 标签的内容答案

【问题标题】：Scroll the content of <object> tag using jQuery使用 jQuery 滚动 <object> 标签的内容
【发布时间】：2014-01-10 23:54:25
【问题描述】：

我正在使用一个网页，我正在使用对象标签将外部网页加载到 div 中。但是外部页面的内容溢出，我无法看到整个内容。所以我尝试实现自动滚动功能，其中对象的内容将逐步向下滚动，当它到达结束时它应该向上滚动，请在我使用的代码下方找到。但我无法获得自动滚动功能:-(

<script type="text/javascript"> 
    $(document).ready(function () {
        var interval = setInterval(function () {
            if ($("#objs").scrollTop() != $('#objs').scrollHeight) {
                $("#objs").scrollTop($("#objs").scrollTop() + 10);
            }
            else {
                clearInterval(interval);
            }
        }, 1000);
    }); 
</script>
<body>
     <div id="siteloader">    <%--div to load site--%>
         <object id="objs" data="http://www.w3schools.com//" ></object>
     </div>
</body>

请帮助我实现这一点。提前致谢。

【问题讨论】：

检查 $(window).scroll(function(e){....});
还有什么是？如果它的评论，你应该使用
我明白你所说的内容溢出是什么意思，我看到它以小块的形式出现。
是的，它是一个评论。很抱歉。如果你能理解这个问题，你能帮我解决这个问题吗？？
对不起我的意思是说我不明白你说内容溢出的部分。

标签： javascript jquery html asp.net-mvc

【解决方案1】：

$('#objs') 是一个 JQuery 选择器，而 .scrollHeight 是一个原生 JavaScript API。您必须添加 JQuery .get() 以将 JQuery 对象作为 DOM 集合返回或在 JQuery 选择器之后设置数组索引，以使原生 JavaScript API 在 JQuery 选择器中工作：

// Example #1
$('#objs').get(0).scrollHeight

// Example #2
$('#objs')[0].scrollHeight

【讨论】：

我无法使用您上面指定的方法获得结果。如果它有效，那么您能否提供一个有效的演示（如 JSFiddle）谢谢