是否可以將元素與窗口底部對齊，然後使其僅與CSS一起滾動？

我有一個設計正在進行，我要將介紹段落的底部與窗口的底部對齊，然後使其與頁面的其餘部分一起滾動。因此，當頁面打開時，訪問者只能看到第一段（和全屏幕背景圖像，這是我想要關注的焦點），但當他們滾動時，他們會看到段落和文本的其餘部分。介紹元素的高度可以變化。是否可以將元素與窗口底部對齊，然後使其僅與CSS一起滾動？

現在我想我必須介紹一些JavaScript來做到這一點 - 測量窗口的高度，段落的高度，並調整段落的top:或margin-top兩個值之間的差異。

如果有一種方法可以讓div具有與窗口高度完全一致的高度，並將該段落完全放置在該div的內部，讓其餘文本位於div之外， ...但我似乎無法讓這種情況發生在CSS上。有什麼建議麼？

來源

2010-04-22 last-child

嘗試這樣：

<html> 
    <div id="wrap"> 
     <p>Your first paragraph text here...</p> 
    </div> 
    <p id="absPos">The rest of your text here...</p> 
</html>

而CSS：

html, body, #wrap { 
    height: 100%; 
} 

#absPos { 
    bottom: 0; 
    left: 0; 
    position: absolute; 
}

來源

2010-04-22 21:58:20 PHLAK

是否可以將元素與窗口底部對齊，然後使其僅與CSS一起滾動？

回答

相關問題