CSS или JQUERY Вертикальная полоса прокрутки, НО БЕЗ НАСТРОЙКИ ВЫСОТЫ

У меня есть несколько веб-страниц Jquery/CSS, которые динамически учитывают ширину экрана, а затем позиционируют ячейки DIV как столбцы 1 или 2 столбца. Добавление новой ячейки так же просто, как создание нового DIV, а также формат страницы.CSS или JQUERY Вертикальная полоса прокрутки, НО БЕЗ НАСТРОЙКИ ВЫСОТЫ

Моя основная проблема заключается в том, что я не могу показать вертикальную полосу прокрутки. Хотя я знаю, что я могу использовать мое колесо мыши для прокрутки вниз, владелец сайта хочет вертикальную полосу прокрутки, чтобы другие могли знать. Есть тонны примеров вертикальных полос прокрутки Jquery, но они все требуют установки высоты или максимума, которые я не могу установить, потому что страница обрабатывает собственное форматирование.

Пример одной из страниц здесь: Example

Есть ли способ я могу получить вертикальную полосу прокрутки на этой странице, которая будет производить те же результаты, что currntly делает просто с помощью колеса мыши

Спасибо!

источник

2013-07-18 Ira G

Почему бы не использовать css overflow: auto? – user1721135

Первая проблема: у вас есть поля и ширина 100%. Поля добавляются к ширине блока. Из-за этого ваш .parent не полностью виден на вашей странице.

div.parent { 
    width:auto; 
    overflow-y:scroll; 
}

источник

2013-07-18 16:35:19 Stinodotbe

Я немного изменил свой ответ, так как я тестировал его на вашем сайте, работает для меня. Если вы используете mac с волшебной мышью или сенсорной панелью, полоса прокрутки будет невидимой, если вы не прокручиваете; – Stinodotbe

СПАСИБО! Я пытался за неделю до того, как я разместил здесь. –

В вашем .parent div у вас есть margin-left: 2% и margin-right: 2%. Удалите margin-right: 2% и сделайте ширину 98%, и появится полоса прокрутки.

Причина этого в том, что ваши поля отталкивают полосу прокрутки от экрана, когда ширина составляет 100%.

Я также предлагаю удалить overflow-y: scroll с тега <html>, поскольку он просто создает гигантскую панель прокрутки, которая может сбивать с толку пользователей и кажется пустой тратой пространства.

источник

2013-07-18 16:34:54 mash

Причина для downvote? – mash

Я спрашиваю себя то же самое, что работал в моем браузере – Supremekhaoz

@danrhul Неверно, требуется только первый, последний - только предложение. – mash

Поле на div.parent элементе смещается слишком далеко влево, скрывающая прокрутку. Вы должны изменить их для заполнения или удаления ширины 100% на нем:

div.parent { 
    /* width: 100%; */ 
    margin-left: 2%; 
    padding-right: 2%; 
}

источник

2013-07-18 16:43:29 Godwin

Большое вам спасибо! –

CSS или JQUERY Вертикальная полоса прокрутки, НО БЕЗ НАСТРОЙКИ ВЫСОТЫ

ответ

Смежные вопросы