Как заставить iframe переопределить HTML-код базовой страницы?

Question

Как заставить iframe переопределить HTML-код базовой страницы?

0

В настоящее время я делаю это, чтобы ввести iframe:

var iFrame  = document.createElement ("iframe");
iFrame.src  = chrome.extension.getURL ("chrome.html");
iFrame.setAttribute("scrolling", "no");
iFrame.setAttribute("frameborder", "0");
iFrame.setAttribute("style", "border:none; width:100%; height:20%");
document.body.insertBefore (iFrame, document.body.firstChild);

хотя он работает хорошо, он вводит iframe поверх веб-страницы. Таким образом, если вы прокрутили вниз, вам нужно прокрутить вверх, чтобы просмотреть iframe. Мне было интересно, как добавить iframe поверх страницы, где он действует как раскрывающийся список (падает вверху страницы) и исчезает после прокрутки.

Hick 03 дек. 2013, в 12:19

Источник

0

Вы имеете в виду НЕ исчезает после прокрутки?
Andrew 03 дек. 2013, в 11:20
0

На самом деле, нет. Я имею в виду исчезнуть после прокрутки или когда вы начнете прокручивать.
Hick 03 дек. 2013, в 11:21
0

Ах! Я понимаю, что вы имеете ввиду. Да, не исчезает при запуске прокрутки, но исчезает через 3 или 4 секунды после выпадающего меню.
Hick 03 дек. 2013, в 11:21

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

iframe

2 ответа

Ещё вопросы

Вы имеете в виду НЕ исчезает после прокрутки?
На самом деле, нет. Я имею в виду исчезнуть после прокрутки или когда вы начнете прокручивать.
Ах! Я понимаю, что вы имеете ввиду. Да, не исчезает при запуске прокрутки, но исчезает через 3 или 4 секунды после выпадающего меню.

Andrew · Answer 1 · 2013-12-03T09-17-00.000Z

Добавь это:

function checkScroll()
{
    //remove the iframe
    //iFrame.parentNode.removeChild(iFrame);

    //or remove after 2 secs
    setTimeout(function(){ iFrame.parentNode.removeChild(iFrame); }, 2000);

    //off the scroll listener
    document.removeEventListener('scroll', checkScroll); 
}
document.addEventListener('scroll', checkScroll);

http://jsfiddle.net/rooseve/QF3qY/1/

Благодарю. Но как мне добавить iFrame на абсолютную верхнюю позицию?
Я делаю это фиксированной позиции (см. CSS), чтобы он мог быть виден при прокрутке
CSS полностью запутывает положение iframe на различных сайтах.
Я вижу, вам нужно настроить таргетинг на конкретный iframe, который вы только что создали, верно? add iFrame.style.position = "fixed"; см. здесь jsfiddle.net/rooseve/QF3qY/3

Kai Döhler · Answer 2 · 2013-12-03T08-36-00.000Z

Вы создаете пустой контейнер, который находится поверх вашей страницы (z-index, абсолютное позиционирование), и вместо этого вы добавляете свой ifram вместо первого родителя тела. Вы можете скрыть контейнер onscroll через JavaScript.