Używam tego szablonu ładowania początkowego dla mojego nowego projektu ( http://www.bootply.com/render/96266 ) Jestem bardzo zadowolony z metryk projektu, jedyny mały problem, z którym mam do czynienia, to to, że navbar, który jest statyczny, pokrywa się z paskiem przewijania.
Próbowałem zmienić navbar na stałe, ale nadalnakłada się na pasek przewijania. Po wielu rozwiązaniach okazało się, że klasa .column ma przepełnienie: auto i to powoduje problem. Kiedy zdecydowałem się użyć overflow: hidden / scroll / inherit, ale wynik nie był taki, jakiego oczekiwałem.
Czy ktoś może w tym pomóc?
JSFiddle : http://jsfiddle.net/YHRwA/2/
Odpowiedzi:
1 dla odpowiedzi № 1Twoja odpowiedź jest prawidłowa w dokumentach:
Po przymocowaniu paska nawigacyjnego pamiętaj o tym, aby go rozliczyćna ukryty obszar pod spodem. Dodaj 40px lub więcej wypełnienia do. Pamiętaj, aby dodać to po głównym Bootstrap CSS i przed opcjonalnym responsywnym CSS
0 dla odpowiedzi nr 2
czy twój element ma z-index stosowany? Pozwala to na ułożenie renderowanych elementów z „głębokością” wyświetlania [co przekracza to, co]
0 dla odpowiedzi № 3
Mają jeden główny div, który jest umieszczony w taki sposób, aby obejmował całą wysokość i szerokość portu widoku przeglądarki (top:0;left:0;right:0;bottom:0} i cała zawartość jest umieszczana wewnątrz tego div. Imię to .box.
Następnie jest inny kontener, klasa zastosowana do tego div jest .column i ma przepełnienie ustawione na auto. Tak więc pasek przewijania nie jest w rzeczywistości przeglądarką, ale tego diva i wszystkie są ustawione na wysokość 100%, zajmie to wysokość i szerokość rzutni.
Teraz domyślna szerokość paska przewijania przeglądarki zmienia przeglądarkę na przeglądarkę. Więc chyba całkowicie przerobiłeś HTML.
Aby rozwiązać to szybko, możesz usunąć bottom:0 pudełka.