固定垂直定位的CSS在一個iframe中

我試圖讓我的底部標題堅持到我的iframe應用程序內部的屏幕底部，並讓它始終出現在用戶的視圖中，即使頁面正在滾動。我無法控制外部iframe，因爲它位於不同的域上。標題本身必須位於iframe之內，因爲我無法在iframe之外進行控制。 iframe始終展開到其內容的高度，因此它沒有滾動條，但條形圖始終必須在視口中可見。固定垂直定位的CSS在一個iframe中

另一件事要注意：iframe的高度應該是相同的高度，它的內容，以便他們不需要滾動條

來源

2010-04-04 Jake Rider

你可能想玩弄的位置是：固定;

#element { 
    position: fixed; 
    z-index: 1000; 
    bottom: 0; 
}

編輯：

我很抱歉，我想我錯過了解您的文章。如果我正確地閱讀它，您希望創建一個類似於博主的標題欄，但在用戶滾動時始終保持該視圖。

你可以做的是創建一個容器div，然後你可以在你的容器中嵌套你的頭和iframe。然後，您可以隨時進行定位，儘管我不確定您正在尋找的確切行爲是否可能沒有一些JavaScript。

編輯2：

了一下週圍打後，我得到了我認爲可能幫助（如果我正確地理解您的問題）的東西。

http://digitaldreamer.net/media/examples/iframe-site.html http://digitaldreamer.net/media/examples/iframe.html

來源

2010-04-04 15:07:27 digitaldreamer

你好，感謝您的答覆。基本上，因爲我有一個生活在社交網絡中的iframe應用程序，我的整個應用程序必須位於iframe的內部。我試圖讓我的頁腳和頁眉始終在用戶看來，即使他們在頁面上下滾動。有任何想法嗎？ – 2010-04-04 15:17:54

標題是否需要被包含在iFrame中，或者只能被用戶看到？我正在玩一些選項。 – digitaldreamer 2010-04-04 15:20:35

是的，頭部需要包含在iframe中，並且用戶始終可以看到，因爲我們所有的標記都在iframe中，並且我們沒有任何iframe之外的控制，因爲這是社交網絡的存在。我非常感謝您對這一具有挑戰性的解決方案的幫助，並期待您的潛在解決方案。 – 2010-04-04 15:28:23

鉻具有不與position:fixed如果固定元件的一個錯誤：

一）使用CSS3在任何元件變換，和/或

b）中你有一個子元素放置在它的父元素的框外

奇怪的是，這個bug是r回報於2009年，它仍然開放：https://code.google.com/p/chromium/issues/detail?id=20574

來源

2014-02-27 15:24:34 Nighto

固定垂直定位的CSS在一個iframe中

回答

相關問題