Я використовую цей шаблон завантажувальної версії для мого нового проекту ( http://www.bootply.com/render/96266 ) Я дуже задоволений метриками дизайну, єдиною невеликою проблемою, з якою я стикаюся, є те, що навігаційна панель, яка є статичною вершиною, перекриває смугу прокрутки.
Я спробував змінити navbar на фіксовану вершину, але все одно цеПерекриває scrollbar.After багато неполадок, я дізнався, що. Column клас має переповнення: авто і що є причиною проблеми. Коли я вирішив скористатися переповненням: hidden / scroll / inherit, але результат не був тим, що я очікував.
Чи може хтось допомогти з цим?
JSFiddle : http://jsfiddle.net/YHRwA/2/
Відповіді:
1 для відповіді № 1Відповідь правильна в документах:
Коли ви наклеюєте навігаційну панель, не забувайте враховуватидля прихованої області під ним. Додайте до 40 пікселів або більше. Обов'язково додайте це після основного Bootstrap CSS і перед додатковим реагуванням CSS
0 для відповіді № 2
Ваш елемент має a z-index
застосовано? Це дозволяє візуалізованим елементам розміщувати "глибину" відображення [що йде вище]
0 для відповіді № 3
Вони мають один головний div, який розташований таким чином, що він охоплюватиме всю висоту та ширину перегляду браузера (top:0;left:0;right:0;bottom:0}
& весь вміст тоді розташовується всередині що div. Це ім'я .box
.
Тоді є інший контейнер, клас, що застосовується до цього div, є .column
& переповнення встановлено на автоматичне. Таким чином, смуга прокручування насправді не є браузером, але від цього div & All з них встановлена висота до 100%, це займе висоту та ширину вікна перегляду.
Тепер ширина смуги прокручування браузера за замовчуванням змінює браузер на браузер. Тому я думаю, ви повністю переробили HTML.
Щоб швидко вирішити цю проблему, можна видалити bottom:0
коробки.