如何在Apple网站中创建面包屑?

时间:2010-03-26 22:17:41

标签: html css

我在这里看过这个页面,我真的很喜欢底部的面包屑。 我该如何实现这种行为?底部的面包屑停留在底部,如果你向下滚动,它仍然存在。

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

请有人帮我一些好的代码。因为我没有线索。

2 个答案:

答案 0 :(得分: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也不支持。

答案 1 :(得分:0)

您是否考虑过使用javascriptjQuery插件为您制作面包屑?然后你可以使用dclowd9901的答案定位它