Как настроить полосу прокрутки браузера для прокрутки части страницы?
Многие объяснения уже присутствуют, чтобы объяснить, как это происходит и как это исправить, но вы также должны следовать рекомендациям, чтобы избежать NullPointerException вообще.
См. также: A хороший список лучших практик
Я бы добавил, очень важно, хорошо использовать модификатор final. Использование "окончательной" модификатор, когда это применимо в Java
Сводка:
- Используйте модификатор
finalдля обеспечения хорошей инициализации. - Избегайте возврата null в методы, например, при возврате пустых коллекций.
- Использовать аннотации
@NotNullи@Nullable - Быстрое завершение работы и использование утверждений, чтобы избежать распространения нулевых объектов через все приложение, когда они не должен быть пустым.
- Сначала используйте значения с известным объектом:
if("knownObject".equals(unknownObject) - Предпочитают
valueOf()поверх toString (). - Используйте null safe
StringUtilsStringUtils.isEmpty(null).
10 ответов
Это довольно изящно. Он использует "position:fixed" на большинстве отделений и тот, который прокрутки являются той, которая не имеет его.
На самом деле это не часть прокрутки, которая "делает задание", это - фиксированная часть страницы.
Чтобы сделать это, необходимо использовать CSS и добавить position: fixed; свойство (используют его с top, bottom, left и/или right свойства) к элементам, которые Вы хотите не прокрутить.
И Вы не должны забывать давать им большее z-index, если Вы не делаете могла бы быть часть элемента прокрутки, который может пробежаться через Ваш фиксированный элемент, поскольку Вы прокручиваете (и Вы, конечно, не хотите это).
Нужно отметить, что без дальнейшего зафиксированного положения взломов не работает на IE6, которому все еще удается держаться за 15-30% рынка, в зависимости от Вашего сайта.
Чтобы узнать, как люди делают эти виды вещей в CSS и/или JavaScript, инструмент Firebug является просто выдающимся:
Можно использовать зафиксированное расположение или абсолютное расположение для связи различных элементов с фиксированными позициями на странице. Кроме того, можно указать элемент фиксированного размера (такой как DIV) и использование overflow: scroll вызвать полосы прокрутки на этом.
Как уже упомянуто, заставление всего работать в Internet Explorer И Firefox/Opera/Safari требует разумного использования взломов.
Это может быть сделано в CSS с помощью "position:absolute"; пункт
Вот шаблон в качестве примера:
Браузер прокручивает страницу, ее просто, что часть его фиксируется в положении.
Это сделано при помощи "положения: закрепленное" свойство CSS на части, которую Вы хотите не прокрутить.
Помещать полосы прокрутки на элемент, такие как отделение:
<div style="overflow-x: auto; overflow-y: auto;>the content</div>
Если Вы только хотите горизонтальную или вертикальную полосу прокрутки, только используйте, какой бы ни из переполнения-x и переполняют-y Вас потребность.
Для отделения можно добавить в CSS
overflow: auto
Например,
<div style="overflow:auto; height: 500px">Some really long text</div>
Править: После рассмотрения сайта Вы отправили, Вы, вероятно, не хотите это. То, что он делает в своем веб-сайте, делают расположение, как зафиксировано (положение: зафиксированный), и присваивает ему более высокий z-индекс, чем текст, который является более низким z-индексом.
Например:
<div class="highz"> //Put random stuff here. it'll be fixed </div> <div class="lowz"> Put stuff here you want to scroll and position it.</div>
с файлом CSS
div.highz {position: fixed; z-index: 2;}
div.lowz {position: fixed; z-index: 1;}
Они установили сторону и вершины, чтобы иметь фиксированные позиции с помощью CSS (см. строку 94 из их style.css файла). Это содержит их в области просмотра, в то время как остальное прокручивает.