2010-03-26 56 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