我想隱藏父網站的滾動條并僅顯示 iframe 滾動條。但是當我將溢位隱藏屬性應用于 body 時，它將被全域應用，但我只想應用可用的頁面。我怎樣才能做到這一點？任何人都可以幫助我嗎？
uj5u.com熱心網友回復：
使用 JavaScript 來確定iframe元素的存在，然后相應地洗掉或添加類來body標記。就是這樣：
if(!document.querySelector('iframe')){
document.querySelector('body').classList.add = "newClass";
} else{
document.querySelector('body').classList.remove = "newClass"; //In case class was already added
}
希望這能解決您的問題。
uj5u.com熱心網友回復：
要向正文添加/洗掉類，您可以撰寫如下 js 代碼：
如果您使用 jQuery：
jQuery(document).ready(function ($) {
if ( $('iframe').length ) {
$(body).addClass('is-iframe');
} else {
$(body).removeClass('is-iframe');
}
});
純js：
window.addEventListener("load", function(event) {
if ( document.querySelector('iframe') ){
document.querySelector('body').classList.add('is-iframe')
} else {
document.querySelector('body').classList.remove('is-iframe')
}
});
我認為您還可以為 body.is-iframe 和 iframe 元素設定一些樣式：
body.is-iframe {
position: relative;
width: 100vw;
height: 100vh;
}
body.is-iframe iframe {
position: aboslute;
width: 100%;
height: 100%;
overflow-y: auto;
}
我還沒有測驗這段代碼，但我想它應該可以作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/344970.html
標籤：javascript html css 内嵌框架
下一篇：如何搜索表的第二列而不是第一列