У меня очень маленький div, где я хочу подобрать больше текста, чем он может поместиться, поэтому я хотел бы иметь вертикальную полосу прокрутки с правой стороны, как и обычные. Было бы неплохо, если бы я мог настроить внешний вид.Прокрутить текст в div?
Большинство плагинов, которые мне удалось найти с ленивым поиском, касались прокрутки анимаций и прокрутки к определенному элементу DOM, чего я не хочу.
Зафиксировать высоту DIV, установить его переполнение-у прокручивать. http://jsfiddle.net/calder12/pBu8q/
CSS
.restricted{height:150px;overflow-y:scroll}
HTML
<div class="restricted">bunch of text that will make this box scroll</div>
Установить следующий CSS свойство на вашем DIV:
overflow-y:scroll;
необходимо указать высоту для работы. – sgroves
Использование overflow: auto или overflow: scroll (overflow-x или overflow-y в зависимости от обстоятельств) для отображения полосы прокрутки, когда содержимое элемента переполняет его содержимого окна.
Это в вашей демонстрации, но следует упомянуть, что вам нужно указать высоту для работы – sgroves
@sgroves: вы не до тех пор, пока элемент имеет переполнение. Отрицательное нижнее поле для дочерних элементов, абсолютное или фиксированное позиционирование на родительском (два или более противоположных расстояния ['left + right',' top + bottom']) или ребенок ... – Ryan
ok. выньте высоту в свой пример и попробуйте. для 'переполнения' для работы, он должен знать, в какой момент он должен начать переполняться. который требует известной высоты (или ширины для 'overflow-x'). – sgroves
Просто нужно CSS:
#element-name {
overflow: auto; // hidden: no scrollbar, auto: shows it when needed, scroll: always show scrollbar
}
Read how to customize a scroll bar
Для создания прокрутки overflow-y: scroll; или overflow:auto;, вам необходимо установить width и height, а
Попробуйте установить следующие стили CSS: height и width, и overflow-y: scroll;, на этом. (Убедитесь, что это блок, display: block;) Пользовательские стили придется ждать, это быстрое и грязное решение.
Вот список из нескольких плагинов JQuery для пользовательского скроллинга http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/
Вы просто хотите настроить полосу прокрутки? Вот CSS-решение, которое я сделал некоторое время назад, но работает только для браузеров -webkit. http://codepen.io/brbcoding/pen/xhDbd – brbcoding