현재 페이지 상단에 Iframe을 고정시키는 방법은 무엇입니까?

다른 응용 프로그램의 LO로드 드롭 다운 메뉴를 사용하여 iframe과 함께 헤더로 만들고 싶습니다. 물론 드롭 다운 메뉴가 확장되어 더 커질 수 있습니다.현재 페이지 상단에 Iframe을 고정시키는 방법은 무엇입니까?

iframe은 iframe의 모든 내용을 볼 수 있지만 실제로는 좋지 않은 스크롤을 제공합니다. 확장 된 메뉴 항목이 페이지 내용 위에 렌더링되도록 웹 페이지 상단에 iframe을 붙이고 싶습니다. 나는 두루마리를 원하지 않고 고무 iframe을 원하지 않습니다. 고무 iframe은 많은 양의 화면 공간을 차지할 수 있습니다.

Absolute positioning 및 z-index 트릭을 수행하지 않았습니다. 이 문제를 해결할 다른 방법이 있습니까?

<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>

출처

2014-12-09 Baurzhan

'iframe'은 확실히이 방법이 아닙니다. 드롭 다운 탐색을 원한다면 여러 페이지에 걸쳐 사용되는 ID를 가진 요소에 적용되는 여러 페이지에 걸쳐 사용되는 JavaScript 파일을 소개하는 것이 가장 좋습니다. –

dunno가 작동한다면 어쩌면 프레임에 포커스 psuedo css 선택기를 추가하고 높이를 추가 해보십시오 : 300px 또는 무엇이든. – Billy

는 CSS를 매개 변수 position: fixed;을 시도해보십시오

내 HTML은 다음과 같다.

행운

출처

2014-12-09 11:59:23

시도했으나 성공하지 못했습니다. ( – Baurzhan

이 시도는,이 해결할 것이라고 생각합니다.

<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>

출처

2014-12-09 12:01:59

시도했으나 성공하지 못했습니다. ( – Baurzhan

iframe을 div에 넣고 스타일을 "position : fixed"로 설정하면 –

으로 '

'이 도움이되지 않았습니다. – Baurzhan

현재 페이지 상단에 Iframe을 고정시키는 방법은 무엇입니까?

답변

관련 문제