2010-03-26 2 views
1

여기이 페이지를 보았습니다. 하단에 빵 부스러기가 정말 좋았습니다. 이 동작을 어떻게 수행합니까? 아래쪽에있는 빵 부스러기는 아래쪽에 있으며 너덜 너덜 한 경우에는 아직 거기에 있습니다. 이 Apple 사이트와 같은 탐색 경로는 어떻게 만듭니 까?

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

사람은 좋은 코드를 도와주세요. 나는 단서가 없기 때문에.

+0

내 솔루션이 효과가 있었습니까? – dclowd9901

답변

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 관리 페이지 (Nav 막대 및 로그 아웃 맨 위에 배치)이 많이 사용합니다. 그것은 훌륭한 도구이지만 아이폰은 네이티브 CSS를 지원하지 않는다는 점을 명심하십시오 : 고정되어 있거나 오래된 IE도 아닙니다.

0

브레드 크럼을 만들기 위해 javascript 또는 jQuery 플러그인을 사용 했습니까? 그런 다음 dclowd9901의 대답을 사용하여 위치를 지정할 수 있습니다

+0

CSS가 내장되어있어 마치 전기 톱을 과일 퓌레로 만드는 것과 같습니다. 'Fixed'는 정상적으로 작동합니다. – dclowd9901

+0

@ dclowd9901 : 정말 큰 과일 이었으면 어떨까요? hehe – Mottie

+0

롤, 잘 연주했다. – dclowd9901

관련 문제