各位好
我有一個專案,是用.net mvc寫的,我目前又寫了一個靜態網頁A,然後我使用iframe把我靜態網頁A嵌在我專案裡面…
現在有一個狀況就是我的專案裡面因為弄了iframe有一個卷軸,然後外面又一個卷軸,就變成一個網頁有兩個卷軸,很不好看也不好使用,但我其實也不一定要用iframe,我只要能夠把呈現iframe內的靜態網頁A在我的專案裡面就好,請問大家都用什麼方法呢?
PS:我的靜態網頁已經使用IIS架設起來了!!!
若說明不夠清楚,再請跟我說,謝謝
首先
在 iframe tag 上添加 scrolling = "no"
來拿掉捲軸
<iframe src = "/Frame.html" id = "myIframe" scrolling = "no" ></iframe>
再針對 iframe 內容 來調整高度
要注意可能會有 margin/padding 的問題
所以實際高度可能會需要調整
const myIframe = document.querySelector('#myIframe');
myIframe.onload = () => {
const contentHeight = myIframe.contentWindow.document.body.scrollHeight + 10;
myIframe.height = contentHeight;
}
codepen 會有 same-origin 的問題就不貼了