Facebook帖子嵌入不可滚动

Question

这是我从Facebook得到的嵌入代码

​

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fbrendan.domotor%2Fposts%2F10158014151756039&show_text=true&width=500" width="500" height="703" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

​

但是，如果我将iframe标签中的高度更改为小于703的值，请将其设置为300。内容中的页面是不可滚动的，甚至我将scrolling更改为yes

​

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fbrendan.domotor%2Fposts%2F10158014151756039&show_text=true&width=500" width="500" height="300" style="border:none;overflow:hidden" scrolling="yes" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

​

检查Facebook页面源，插件类的overflow设置为hidden。

​

如果取消设置overflow，则页面可以滚动。但是，由于它是一个iframe嵌入，我可以做什么来取消在子页面中的css，它是托管在iframe内的？谢谢!

Answer 1

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3D4730365237017608%26id%3D820869811300523&show_text=true&width=500" width="500" height="667" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

Answer 2

​

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fbrendan.domotor%2Fposts%2F10158014151756039&show_text=true&width=500" width="500" height="703" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

​