2014-11-15 9 views
0

Я хочу создать мобильную версию моей веб-страницы с помощью ионной. Я планирую сделать это, загрузив мою страницу на IFRAME в представлении следующим образом:Изменение iframe содержимого iframe в ионном

<iframe src="http://www.mywebsite.com" /> 

Но проблема в том, что я хочу, чтобы скрыть некоторые элементы, загруженные в IFRAME. Я попытался применить класс css к iframe и отключить видимость элемента, но, видимо, я не могу применить css к дочерним элементам iframe. Если бы это была веб-страница, я мог бы просто написать jquery-методы, чтобы скрыть элемент. Но как я могу достичь этого в ионном?

+0

плавающие фреймы не должны использоваться для отображения мобильной версии сайта. Вы также не должны пытаться использовать iframe для загрузки любой полной веб-страницы. Есть много лучших вариантов, пожалуйста, изучите это. Я прошу тебя – EasyBB

ответ

0

Если http://www.mywebsite.com - это ваш сайт, вы можете добавить javascript, чтобы скрыть некоторые элементы, если в iframe на mywebsite.com.

Примечание: предполагается, что вы всегда хотите скрыть его, если оно находится в iframe.

+0

Нет, я не могу скрыть элемент всегда, я просто хочу, чтобы он исчез, когда страница отображается в моем приложении. –

0

Вы можете попробовать следующие

<ion-view title="News" hide-nav-bar="true" class="has-header"> 
    <ion-content class="has-header" padding="false"> 

<iframe src="http://www.mywebsite.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> 
    Your browser doesn't support IFrames 
</iframe>` 

    </ion-content> 
</ion-view> 
Смежные вопросы