2014-12-09 2 views
0

Я хочу, чтобы выгружать меню выпадающего меню из другого приложения и хотите сделать его заголовком с iframe. Разумеется, выпадающее меню может быть расширено и, таким образом, станет больше.Как stick Iframe поверх текущей страницы?

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

Absolute positioning и z-index не сделал этого трюка. Есть ли другие способы решения этой проблемы?

Мой HTML выглядит следующим образом:

<html> 
<head> 
</head> 
<body> 
<iframe style="height:45px;width:100%;position:absolute;top:0px;left:0px;z-index:40" src="http://localhost:8080/app" scrolling="no" frameborder="0px"></iframe> 
<div style='position:absolute;left:0;right:0;top:45px;bottom:0;overflow:auto;'>Your body content</div>  
</body> 
+2

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

+0

dunno, если он будет работать, но, возможно, попробуйте добавить селектор psuedo css для фокуса в рамку и добавить высоту: 300 пикселей или что-то еще. – Billy

ответ

1

Попробуйте параметр CSS position: fixed;.

Успехов

+0

Пробовал, не успел ( – Baurzhan

1

попробовать это, я думаю, что это будет решать.

<iframe style="height:45px;width:100%;position:fixed;top:0px;left:0px;z-index:40" src="http://localhost:8080/app" scrolling="no" frameborder="0px"></iframe> 
+0

Пробовал, не успел ( – Baurzhan

+0

положить, что iframe внутри div и установить style = "position: fixed" в div. –

+0

'

' не помогло – Baurzhan

Смежные вопросы