我正在使用一个不同的网站（已经活跃）到我的网页，但那个网站页面的高度太大。所以把它的高度限制在100VH（或者某个高度）之后。滚动通过iframe是可以的，但我需要一个浮动的‘滚动到顶部按钮’的iframe将使iframe滚动到顶部（而不是父窗口滚动）。
我在Angular的.ts文件中使用了这段代码，它对父窗口滚动起作用，但对</code>p.s不起作用-我使用的是Angular 7</p><pre><code>scrollToTop(){ window.scroll(0,0); } </code></pre><p><code>.html</code>code<code><button（click）=“ScrollToPop（）”>top</button></code>谢谢您。</p> </div> <br> </div> <h2> 共1个答案</h2> <div class="ui segment"> <div class="stackable"> <strong>匿名用户</strong> <br><br> <p> <p>只需执行相同的操作,但将窗口替换为iframe元素：</p><pre class="lang-js prettyprint-override"><code>document.getElementById(<iFrameId>).scroll(0,0); </code></pre> </p> <div style="font-size:12px"> </div> </div> </div> </div> <div class="ui segment" style="margin-top:20px;"> <h2 class="pt-2">相关问题</h2> <br> <div> <ul style="font-size:16px;"> <li style="line-height:30px;"><a href="/questions/402339" title="beforeAll和写在代码顶部有什么区别？" target="_blank">beforeAll和写在代码顶部有什么区别？</a></li> <li style="line-height:30px;"><a href="/questions/402167" title="访问iframe输入元素与网络驱动程序/Python" target="_blank">访问iframe输入元素与网络驱动程序/Python</a></li> <li style="line-height:30px;"><a href="/questions/402165" title="如何从AngularJS中的变量设置iframe src属性" target="_blank">如何从AngularJS中的变量设置iframe src属性</a></li> <li style="line-height:30px;"><a href="/questions/402164" title="无法使用Selenium切换到iFrame" target="_blank">无法使用Selenium切换到iFrame</a></li> <li style="line-height:30px;"><a href="/questions/402157" title="在Selenium Python3中切换到第二个iframe[重复]" target="_blank">在Selenium Python3中切换到第二个iframe[重复]</a></li> <li style="line-height:30px;"><a href="/questions/402156" title="iframe src属性与Selenium的getPageSource（）方法返回的实际iframe页面源" target="_blank">iframe src属性与Selenium的getPageSource（）方法返回的实际iframe页面源</a></li> <li style="line-height:30px;"><a href="/questions/402155" title="如何访问URL在src属性在iframe？" target="_blank">如何访问URL在src属性在iframe？</a></li> <li style="line-height:30px;"><a href="/questions/402115" title="点击iFrame-Cypress内的元素" target="_blank">点击iFrame-Cypress内的元素</a></li> <li style="line-height:30px;"><a href="/questions/402114" title="无法使用chropath找到动态xpath：它可能是来自不同src的svg/伪元素/注释/iframe的子项。目前ChroPath不支持" target="_blank">无法使用chropath找到动态xpath：它可能是来自不同src的svg/伪元素/注释/iframe的子项。目前ChroPath不支持</a></li> <li style="line-height:30px;"><a href="/questions/402113" title="PythonSelenium驱动程序。find_element_by_xpath在iframe中找不到元素" target="_blank">PythonSelenium驱动程序。find_element_by_xpath在iframe中找不到元素</a></li> <li style="line-height:30px;"><a href="/questions/402111" title="多个iframe标签Selenium网络驱动程序" target="_blank">多个iframe标签Selenium网络驱动程序</a></li> <li style="line-height:30px;"><a href="/questions/402110" title="如何通过包含特定文本的属性src查找元素iframe" target="_blank">如何通过包含特定文本的属性src查找元素iframe</a></li> <li style="line-height:30px;"><a href="/questions/402097" title="如何滚动到右侧的一个元素是显示在DOM只有在滚动后？（Java硒）" target="_blank">如何滚动到右侧的一个元素是显示在DOM只有在滚动后？（Java硒）</a></li> <li style="line-height:30px;"><a href="/questions/402095" title="Selenium Webdriver-无法在第二个子iframe（具有动态名称）中找到任何元素" target="_blank">Selenium Webdriver-无法在第二个子iframe（具有动态名称）中找到任何元素</a></li> <li style="line-height:30px;"><a href="/questions/401920" title="ActiveMQ Artemis滚动升级失败，AMQ214013" target="_blank">ActiveMQ Artemis滚动升级失败，AMQ214013</a></li> <li style="line-height:30px;"><a href="/questions/401916" title="将github文件夹移动到包含所有分支和历史记录的新repo中" target="_blank">将github文件夹移动到包含所有分支和历史记录的新repo中</a></li> <li style="line-height:30px;"><a href="/questions/401913" title="将git拉取请求从bitbucket移动到github？" target="_blank">将git拉取请求从bitbucket移动到github？</a></li> <li style="line-height:30px;"><a href="/questions/401901" title="将Team Foundation Server Collection TFS 2015移动到2017" target="_blank">将Team Foundation Server Collection TFS 2015移动到2017</a></li> <li style="line-height:30px;"><a href="/questions/401900" title="Team Foundation Server-将项目移动到新集合？" target="_blank">Team Foundation Server-将项目移动到新集合？</a></li> <li style="line-height:30px;"><a href="/questions/401885" title="如何断言可滚动的TabLayout当前正在显示某个选项卡？" target="_blank">如何断言可滚动的TabLayout当前正在显示某个选项卡？</a></li> </ul> </div> <br> </div> </div> <div class="col-md-4" style="height: auto !important; min-height: 0px !important;"> <div class="ui segment"> <h5>热门标签</h5> <hr> <a href="/questions/tag/1" title="Java" class="tags" style="margin:0 5px 5px 0">Java</a> <a href="/questions/tag/2" title="" class="tags" style="margin:0 5px 5px 0">JavaScript</a> <a href="/questions/tag/3" title="Python" class="tags" style="margin:0 5px 5px 0">Python</a> <a href="/questions/tag/4" title="PHP" class="tags" style="margin:0 5px 5px 0">PHP</a> <a href="/questions/tag/5" title="C#" class="tags" style="margin:0 5px 5px 0">C#</a> <a href="/questions/tag/6" title="Android" class="tags" style="margin:0 5px 5px 0">Android</a> <a href="/questions/tag/7" title="Html" class="tags" style="margin:0 5px 5px 0">Html</a> <a href="/questions/tag/8" title="jQuery" class="tags" style="margin:0 5px 5px 0">jQuery</a> <a href="/questions/tag/9" title="C++" class="tags" style="margin:0 5px 5px 0">C++</a> <a href="/questions/tag/10" title="Css" class="tags" style="margin:0 5px 5px 0">Css</a> <a href="/questions/tag/11" title="IOS" class="tags" style="margin:0 5px 5px 0">IOS</a> <a href="/questions/tag/12" title="MySQL" class="tags" style="margin:0 5px 5px 0">MySQL</a> <a href="/questions/tag/13" title="NodeJS" class="tags" style="margin:0 5px 5px 0">NodeJS</a> </div> </div> </div> </div> <script src="https://my.openwrite.cn/js/readmore.js" type="text/javascript"></script> <script> const btw = new BTWPlugin(); btw.init({ id: 'yArticle', blogId: '19381-1596467390161-874', name: '锋哥聊编程', qrcode: 'http://www.yiidian.com/statics/images/qywx.png', keyword: '1024', }); // 调整显示内容 var rm_btn = $("#read-more-btn"); rm_btn.html('~阅读全文~人机检测~'); </script> <script type="text/javascript" src="http://www.yiidian.com/api.php?op=count&id=50100&module=zsask"></script> <footer> <div class="deanfooter"> <div class="deanfttop nav-bar"> <div class="deanw1180"> <div class="deanlinks"> <ul> <li style="width:280px;"> <p>常见技术问题</p> <a href="/questions/402602" title="Android：在模块jefied-play-services-测量和jefied-play-services-测量-impl中发现重复类" target="_blank">Android：在模块jefied-play-ser...</a> <a href="/questions/402601" title="HashMap如何跟踪entrySet等字段" target="_blank">HashMap如何跟踪entrySet等字段</a> <a href="/questions/402600" title="在Hashmap中查找匹配的键/值对" target="_blank">在Hashmap中查找匹配的键/值对</a> <a href="/questions/402599" title="如何迭代Hashmap并与同一Hashmap中的其他键进行组合以比较它们的对象" target="_blank">如何迭代Hashmap并与同一Hashmap...</a> <a href="/questions/402598" title="HashCode-如果相等的对象碰巧在同一个桶中散列会发生什么？" target="_blank">HashCode-如果相等的对象碰巧在...</a> <a href="/questions/402597" title="Java哈希码和桶大小-关系" target="_blank">Java哈希码和桶大小-关系</a> </li> <li> <p>常用工具</p> <a href="http://www.yiidian.com/blog/notes/" target="_blank">编程笔记</a> <a href="http://www.yiidian.com/blog/interview/" target="_blank">编程面试题</a> <a href="http://www.yiidian.com/java_jar" target="_blank">Java Jar包下载</a> <a href="http://c.yiidian.com/" target="_blank">在线工具</a> <a href="http://layui.yiidian.com/" target="_blank">LayUI镜像站点</a> <a href="http://www.yiidian.com/bysj_doc/">毕设文档下载</a> </li> <li> <p>站点信息</p> <a href="/site/about_us/" target="_blank">关于我们</a> <a href="/site/disclaimer/" target="_blank">免责声明</a> <a href="/tags" target="_blank">网站标签</a> </li> </ul> </div> <div class="deanspread"> <p>关注站长公众号：锋哥聊编程</p> <div class="deanweixin"> <img src="/statics/images/ydjc-wx.png"> <p>锋哥聊编程</p> </div> </div> <div class="clear"></div> </div> </div> <div class="deanofficial"> Copyright © 2017-2022 一点教程. All Rights Reserved. <br/>备案号：<a href="https://beian.miit.gov.cn/" target="_blank"><font color="white">粤ICP备17065202号-3</font></a> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5680e7b580ba668dd42e343252481189"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> $(function(){ $.getJSON("http://www.yiidian.com/checklogin", function(data){ if(data.flag){ $('.no-login').hide(); $('.has-login').show(); $('#username').html(""+data.username); }else{ $('.no-login').show(); $('.has-login').hide(); } }); }); </script> </footer> <div class="fixed-btn nav-bar"> <a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a> <a class="qrcode" href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a> <a class="writer" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1014671449&site=qq&menu=yes" style="font-size: 12px;" title="QQ客服"><i class="fa fa-qq" style="font-size: 20px;"></i></a> <!-- qrcode modal --> <div id="bottom-qrcode" class="modal panel-modal hide fade in"> <h4>微信关注</h4> <div class="panel-body"><img alt="微信关注" width="128" height="128" src="http://www.yiidian.com/statics/images/qrcode.png"></div> </div> </div> <script src="http://www.yiidian.com/statics/js/main.js"></script> <!--<![endif]--> <script src="http://www.yiidian.com/statics/js/amazeui.js"></script> </body> </html>
.ts
</code>p.s不起作用-我使用的是Angular 7</p><pre><code>scrollToTop(){ window.scroll(0,0); } </code></pre><p><code>.html</code>code<code><button（click）=“ScrollToPop（）”>top</button></code>谢谢您。</p> </div> <br> </div> <h2> 共1个答案</h2> <div class="ui segment"> <div class="stackable"> <strong>匿名用户</strong> <br><br> <p> <p>只需执行相同的操作,但将窗口替换为iframe元素：</p><pre class="lang-js prettyprint-override"><code>document.getElementById(<iFrameId>).scroll(0,0); </code></pre> </p> <div style="font-size:12px"> </div> </div> </div> </div> <div class="ui segment" style="margin-top:20px;"> <h2 class="pt-2">相关问题</h2> <br> <div> <ul style="font-size:16px;"> <li style="line-height:30px;"><a href="/questions/402339" title="beforeAll和写在代码顶部有什么区别？" target="_blank">beforeAll和写在代码顶部有什么区别？</a></li> <li style="line-height:30px;"><a href="/questions/402167" title="访问iframe输入元素与网络驱动程序/Python" target="_blank">访问iframe输入元素与网络驱动程序/Python</a></li> <li style="line-height:30px;"><a href="/questions/402165" title="如何从AngularJS中的变量设置iframe src属性" target="_blank">如何从AngularJS中的变量设置iframe src属性</a></li> <li style="line-height:30px;"><a href="/questions/402164" title="无法使用Selenium切换到iFrame" target="_blank">无法使用Selenium切换到iFrame</a></li> <li style="line-height:30px;"><a href="/questions/402157" title="在Selenium Python3中切换到第二个iframe[重复]" target="_blank">在Selenium Python3中切换到第二个iframe[重复]</a></li> <li style="line-height:30px;"><a href="/questions/402156" title="iframe src属性与Selenium的getPageSource（）方法返回的实际iframe页面源" target="_blank">iframe src属性与Selenium的getPageSource（）方法返回的实际iframe页面源</a></li> <li style="line-height:30px;"><a href="/questions/402155" title="如何访问URL在src属性在iframe？" target="_blank">如何访问URL在src属性在iframe？</a></li> <li style="line-height:30px;"><a href="/questions/402115" title="点击iFrame-Cypress内的元素" target="_blank">点击iFrame-Cypress内的元素</a></li> <li style="line-height:30px;"><a href="/questions/402114" title="无法使用chropath找到动态xpath：它可能是来自不同src的svg/伪元素/注释/iframe的子项。目前ChroPath不支持" target="_blank">无法使用chropath找到动态xpath：它可能是来自不同src的svg/伪元素/注释/iframe的子项。目前ChroPath不支持</a></li> <li style="line-height:30px;"><a href="/questions/402113" title="PythonSelenium驱动程序。find_element_by_xpath在iframe中找不到元素" target="_blank">PythonSelenium驱动程序。find_element_by_xpath在iframe中找不到元素</a></li> <li style="line-height:30px;"><a href="/questions/402111" title="多个iframe标签Selenium网络驱动程序" target="_blank">多个iframe标签Selenium网络驱动程序</a></li> <li style="line-height:30px;"><a href="/questions/402110" title="如何通过包含特定文本的属性src查找元素iframe" target="_blank">如何通过包含特定文本的属性src查找元素iframe</a></li> <li style="line-height:30px;"><a href="/questions/402097" title="如何滚动到右侧的一个元素是显示在DOM只有在滚动后？（Java硒）" target="_blank">如何滚动到右侧的一个元素是显示在DOM只有在滚动后？（Java硒）</a></li> <li style="line-height:30px;"><a href="/questions/402095" title="Selenium Webdriver-无法在第二个子iframe（具有动态名称）中找到任何元素" target="_blank">Selenium Webdriver-无法在第二个子iframe（具有动态名称）中找到任何元素</a></li> <li style="line-height:30px;"><a href="/questions/401920" title="ActiveMQ Artemis滚动升级失败，AMQ214013" target="_blank">ActiveMQ Artemis滚动升级失败，AMQ214013</a></li> <li style="line-height:30px;"><a href="/questions/401916" title="将github文件夹移动到包含所有分支和历史记录的新repo中" target="_blank">将github文件夹移动到包含所有分支和历史记录的新repo中</a></li> <li style="line-height:30px;"><a href="/questions/401913" title="将git拉取请求从bitbucket移动到github？" target="_blank">将git拉取请求从bitbucket移动到github？</a></li> <li style="line-height:30px;"><a href="/questions/401901" title="将Team Foundation Server Collection TFS 2015移动到2017" target="_blank">将Team Foundation Server Collection TFS 2015移动到2017</a></li> <li style="line-height:30px;"><a href="/questions/401900" title="Team Foundation Server-将项目移动到新集合？" target="_blank">Team Foundation Server-将项目移动到新集合？</a></li> <li style="line-height:30px;"><a href="/questions/401885" title="如何断言可滚动的TabLayout当前正在显示某个选项卡？" target="_blank">如何断言可滚动的TabLayout当前正在显示某个选项卡？</a></li> </ul> </div> <br> </div> </div> <div class="col-md-4" style="height: auto !important; min-height: 0px !important;"> <div class="ui segment"> <h5>热门标签</h5> <hr> <a href="/questions/tag/1" title="Java" class="tags" style="margin:0 5px 5px 0">Java</a> <a href="/questions/tag/2" title="" class="tags" style="margin:0 5px 5px 0">JavaScript</a> <a href="/questions/tag/3" title="Python" class="tags" style="margin:0 5px 5px 0">Python</a> <a href="/questions/tag/4" title="PHP" class="tags" style="margin:0 5px 5px 0">PHP</a> <a href="/questions/tag/5" title="C#" class="tags" style="margin:0 5px 5px 0">C#</a> <a href="/questions/tag/6" title="Android" class="tags" style="margin:0 5px 5px 0">Android</a> <a href="/questions/tag/7" title="Html" class="tags" style="margin:0 5px 5px 0">Html</a> <a href="/questions/tag/8" title="jQuery" class="tags" style="margin:0 5px 5px 0">jQuery</a> <a href="/questions/tag/9" title="C++" class="tags" style="margin:0 5px 5px 0">C++</a> <a href="/questions/tag/10" title="Css" class="tags" style="margin:0 5px 5px 0">Css</a> <a href="/questions/tag/11" title="IOS" class="tags" style="margin:0 5px 5px 0">IOS</a> <a href="/questions/tag/12" title="MySQL" class="tags" style="margin:0 5px 5px 0">MySQL</a> <a href="/questions/tag/13" title="NodeJS" class="tags" style="margin:0 5px 5px 0">NodeJS</a> </div> </div> </div> </div> <script src="https://my.openwrite.cn/js/readmore.js" type="text/javascript"></script> <script> const btw = new BTWPlugin(); btw.init({ id: 'yArticle', blogId: '19381-1596467390161-874', name: '锋哥聊编程', qrcode: 'http://www.yiidian.com/statics/images/qywx.png', keyword: '1024', }); // 调整显示内容 var rm_btn = $("#read-more-btn"); rm_btn.html('~阅读全文~人机检测~'); </script> <script type="text/javascript" src="http://www.yiidian.com/api.php?op=count&id=50100&module=zsask"></script> <footer> <div class="deanfooter"> <div class="deanfttop nav-bar"> <div class="deanw1180"> <div class="deanlinks"> <ul> <li style="width:280px;"> <p>常见技术问题</p> <a href="/questions/402602" title="Android：在模块jefied-play-services-测量和jefied-play-services-测量-impl中发现重复类" target="_blank">Android：在模块jefied-play-ser...</a> <a href="/questions/402601" title="HashMap如何跟踪entrySet等字段" target="_blank">HashMap如何跟踪entrySet等字段</a> <a href="/questions/402600" title="在Hashmap中查找匹配的键/值对" target="_blank">在Hashmap中查找匹配的键/值对</a> <a href="/questions/402599" title="如何迭代Hashmap并与同一Hashmap中的其他键进行组合以比较它们的对象" target="_blank">如何迭代Hashmap并与同一Hashmap...</a> <a href="/questions/402598" title="HashCode-如果相等的对象碰巧在同一个桶中散列会发生什么？" target="_blank">HashCode-如果相等的对象碰巧在...</a> <a href="/questions/402597" title="Java哈希码和桶大小-关系" target="_blank">Java哈希码和桶大小-关系</a> </li> <li> <p>常用工具</p> <a href="http://www.yiidian.com/blog/notes/" target="_blank">编程笔记</a> <a href="http://www.yiidian.com/blog/interview/" target="_blank">编程面试题</a> <a href="http://www.yiidian.com/java_jar" target="_blank">Java Jar包下载</a> <a href="http://c.yiidian.com/" target="_blank">在线工具</a> <a href="http://layui.yiidian.com/" target="_blank">LayUI镜像站点</a> <a href="http://www.yiidian.com/bysj_doc/">毕设文档下载</a> </li> <li> <p>站点信息</p> <a href="/site/about_us/" target="_blank">关于我们</a> <a href="/site/disclaimer/" target="_blank">免责声明</a> <a href="/tags" target="_blank">网站标签</a> </li> </ul> </div> <div class="deanspread"> <p>关注站长公众号：锋哥聊编程</p> <div class="deanweixin"> <img src="/statics/images/ydjc-wx.png"> <p>锋哥聊编程</p> </div> </div> <div class="clear"></div> </div> </div> <div class="deanofficial"> Copyright © 2017-2022 一点教程. All Rights Reserved. <br/>备案号：<a href="https://beian.miit.gov.cn/" target="_blank"><font color="white">粤ICP备17065202号-3</font></a> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5680e7b580ba668dd42e343252481189"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> $(function(){ $.getJSON("http://www.yiidian.com/checklogin", function(data){ if(data.flag){ $('.no-login').hide(); $('.has-login').show(); $('#username').html(""+data.username); }else{ $('.no-login').show(); $('.has-login').hide(); } }); }); </script> </footer> <div class="fixed-btn nav-bar"> <a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a> <a class="qrcode" href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a> <a class="writer" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1014671449&site=qq&menu=yes" style="font-size: 12px;" title="QQ客服"><i class="fa fa-qq" style="font-size: 20px;"></i></a> <!-- qrcode modal --> <div id="bottom-qrcode" class="modal panel-modal hide fade in"> <h4>微信关注</h4> <div class="panel-body"><img alt="微信关注" width="128" height="128" src="http://www.yiidian.com/statics/images/qrcode.png"></div> </div> </div> <script src="http://www.yiidian.com/statics/js/main.js"></script> <!--<![endif]--> <script src="http://www.yiidian.com/statics/js/amazeui.js"></script> </body> </html>
