2010-03-26 59 views
1

我已經在這裏看過這個頁面,我真的很喜歡底部的麪包屑。 我該如何實現這種行爲?如果你正在向下滾動,底部的麪包屑會留在底部,而且是無關緊要的,它仍然存在。如何在此Apple站點中創建麪包屑?

http://developer.apple.com/iphone/library/navigation/index.html?section=Resource+Types&topic=Getting+Started

請人幫助我做一些好的代碼。因爲我不知道。

+0

我的解決方案是否適合你? – dclowd9901 2010-03-27 20:43:20

回答

3
#breadcrumbs {  
    position: fixed; 
    bottom: 0px; 
    width: 100%; 

    /* Set your desired height 
    * and other factors like you would 
    * any other div. 
    */ 
} 

position: fixed將您的元素固定到查看器的邊緣,在這種情況下,固定到底部。如果您想將元素固定在頂部,則可以使用top:0px或左下角30px,然後選擇left:0px;bottom:30px。我爲我的CMS管理頁面使用了很多(我把導航欄和註銷放在頂部)。這是一個很棒的工具,但請記住,iPhone不支持原生CSS:固定的,舊IE也不支持。

0

您是否看過使用javascriptjQuery插件爲您製作麪包屑?那麼你可以使用dclowd9901的答案來定位它

+0

由於它內置在CSS中,這有點像把電鋸拿給果蠅。 「固定」應該可以正常工作。 – dclowd9901 2010-03-26 22:28:20

+0

@ dclowd9901:如果這是一個非常大的果蠅,該怎麼辦?嘿嘿 – Mottie 2010-03-27 01:07:48

+0

哈哈,打得好。 – dclowd9901 2010-03-27 01:14:43