Html не работает прокрутка

вертикальная полоса прокрутки не работает

Вот моя проблема, я хочу использовать полосу прокрутки, но она показывает только полосу прокрутки, но эта полоса прокрутки не работает. Я использую CSS для стилизации полосы прокрутки и других макетов и HTML для использования этого стиля.
вот мой стилевой код

 #sub_menu, #content < display: inline-block; >#sub_menu < width:23%; height: 10%; background-color: #999999; padding: 1%; vertical-align: top; border: 1px solid; >#content < width: 73%; margin-right: 1%; >@media screen and (max-width: 600px), sreen\0 < #sub_menu< height: initial; font-size: 15px; margin-bottom: 2%; >#content, #sub_menu < display: block; width: 95% >> .contentt .contentt::-webkit-scrollbar

  
Related Videos
 
query($sql); if ($result->num_rows > 0) < while($row = $result->fetch_assoc()) < $url = $row["Link"];$title = $row["Title"]; $id = $row["ID"]; $path="http://domain/Song.php"; echo "
$title'
"; echo ''; echo '
'; > > else < echo "0 results"; >$con->close(); ?>
 
 

Решение

Вам необходимо зафиксировать высоту контейнера (не в%, а в px или em, например) с помощью overflow-y: scroll;

Другие решения

Ваша полоса прокрутки не работает или она скрыта?

удалить ниже CSS и это должно работать для вас

просто примените приведенный ниже код и проверьте

Просто удалите приведенный ниже код CSS

если вы используете webkit-scrollbar это скроет полосу прокрутки в хром. Но Firefox все еще жив с полосой прокрутки по умолчанию.

Источник

Почему не работает скролл?

Посняю — когда размеры контента будут больше чем высота твоего блока которая «ЕСТЕСВЕННО не известны заранее», то тогда «ЕСТЕСВЕННО » и появиться скролл.

не охото это говорить, но код у тебя правильный

Верстальщик Ваш, ты походу прикалываешся или я не пойму как воспринимать эту ересь. Гле там скролл появился? КОнтент выходит за пределы экрана. Скролла нет.

лол, как я тебе и сказал ты просто уменьшил высотку блока и\или увеличил контент.

Убери calc и поста overflow без Y, все равно скролл будет
гений блин

Верстальщик Ваш, точно, явные траблы с реальностью. Сначала чел утверждает что он мне якобы «как и говорил» (лолшто?). Потом говорит что скролл будет если убрать калк и overflow без Y. Это уже явные галлюцинации, потому что если я выполню эти бредовые рекомендации лично у меня никакого скролла нету. Но он есть в воображении вундеркиндов. Какой сложный мир, и как много в нем надо терпения!

wufapexef, эхх. просто почитай на досуге про css

Ты убрал высоту у блока, а в css это значит что будет height: auto
это значит — блок АВТОМАТИЧЕСКИ увеличивается от твоего контента, как может быть скролл?
скролл появляется при ПЕРЕПОЛНЕНИИ блока, но у блока АВТОМАТИЧЕСКАЯ высота, то есть он будет УВЕЛИЧИВАТЬСЯ.
в общем если ты не понял, я сдаюсь

как хочешь так и ставь, если она тебе не известна не ставь вообще, будет авто, но тогда и не будет скролла.
Скролл появляется лишь тогда, когда блоку задана явная высота И контент начинает переполнять эту высоту.

Верстальщик Ваш, еще раз: ты сказал убрать calc и vh — как тогда по твоему сделать блок во весь экран. Мне самому это решение не по душе, ибо на мобилах как известно vh это садомазо

Про калк и vh я тебе сказал убрать ради примера, что бы убедиться что скролл есть.

Короче ты может задать 1 экран, да это 100vh, а на мобилках с помощью медиазапроса поставить уже фиксированную высоту

если я правильно понял что ты хочешь

Верстальщик Ваш, судя по всему не правльно понял, потмоу что это вообще не понятно при чем тут

При чем тут медиазапросы? Откуда брать фиксированную высоту? Вообще в курсе поведения 100vh в мобильных браузерах или мы на разных языках сейчас?

wufapexef, с тобой как со стеной, тебе уже около 3 человек ответ дали, а тебя все не устраивает.
Показывай конкретный пример тогда.

.content width 100% height 100vh background-color grey overflow-y scroll

Вроде то, но там должен быть контент, который занимает больше пространства чем блок

P.S. Второй вариант решения без привязки к VH

  
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
на тебе контент
 
 

body < overflow:hidden; height:100% >.wrapper < height:100%; position: absolute; width:100%; >header < width :100%; height :5em; background-color :red ; >.content

Источник

Html не работает прокрутка

За вывод полосы прокрутки отвечает свойство «overflow».

Свойство overflow может принимать несколько значений:

В браузере — как можно увидеть все значения прокрутки?

нажимаем исследовать элемент добавляем свойство overflow и далее можно перебирать.

Прокрутка «overflow: auto»

Перейдем к примерам. использования и вывода прокрутки в html :

Создаем блок div с текстом и стилями(«3 способа css»):

В свойствах заранее подразумеваем, что высота будет меньше предполагаемого текста.

Для прокрутки ставим «overflow: auto»:

как сделать прокрутку html — overflow: overflow: scroll;

как сделать прокрутку html — overflow: auto

как сделать прокрутку html — overflow: auto

как сделать прокрутку html — overflow: auto

Результат вывода прокрутки в html:

Как видим. при использовании «overflow: auto» произошел вывод только вертикальной прокрутки.

Из-за того, что по горизонтали, внутренний размер блока не превышен его внешнего размера!

Перейдем ко второму примеру прокрутки:

Прокрутка «overflow: scroll»

В принципе, по поведению scroll и auto похожи. вы можете потренироваться. заменить scroll на auto и обратно.

Зададим нашему блоку размер «width: 200px;»

Внутри него сделаем второй блок, который будет больше нашего выше приведенного размера «width: 500px;»

И для примера прокрутки используем «overflow: scroll;»

Разместим приведенный код прокрутки ниже:

как сделать прокрутку html — overflow: overflow: scroll;

как сделать прокрутку html — overflow: overflow: scroll;

как сделать прокрутку html — overflow: overflow: scroll;

как сделать прокрутку html — overflow: overflow: scroll;

Результат использования прокрутки «overflow: scroll;»

Мы можем наблюдать на примере выведенной прокрутки, что и вертикальная и горизонтальная прокрутка в примере присутствует!

Использовать горизонтальную или вертикальную прокрутку

К примеру. вам требуется показать только один вид прокрутки. либо горизонтальный:

Либо только вертикальную прокрутку:

Разберем пример выводи одного типа прокрутки.

Соответственно в зависимости от ваших потребностей меняем горизонтальную прокрутку букв «x» либо вертикальную прокрутку букв «y»

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

Пример только одной прокрутки — горизонтальной:

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

как сделать прокрутку html — overflow: overflow-y: hidden; overflow-x: scroll;

Результат вывода — только горизонтальная прокрутка

В приведенном примере мы наблюдаем только одну прокрутку — горизонтальную!

Почему не работает прокрутка?

Интересный вопрос попался:

Почему не работает прокрутка? Одна из банальных причин, почему может «не работать прокрутка» — отсутствие прописанной «высоты!»(height)

Источник

Не прокручивается вертикальный скролл?

Для того, чтобы слайдер отображался корректно, использую overflow: hidden у body, но при этом, естественно, возможность вертикального скроллинга пропадает, а она нужна. Когда использую overflow-x: hidden, вертикальный скролл появляется, но не прокручивается. Как сделать возможным прокрутку страницы по вертикали и при этом, чтобы слайдер выглядел корректно?

.slider < padding: 0px; margin: 0; height: 65%; text-align: center; overflow: hidden; >input < position: absolute; opacity: 0; cursor: pointer; >label < display: inline-block; width: 12px; height: 12px; border: solid 2px white; border-radius: 999px; background-color: transparent; margin: 63vh 6px 0 6px; z-index: 2; cursor: pointer; transition-duration: .4s; >input:checked + label < background-color: white; >.slide < /* max-width: 960px; */ position: absolute; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 50%; top: 153px; left: 0; z-index: -1; transform: translateX(-100%); transition-duration: .4s; opacity: 1; >input:checked ~ .slide < transform: translateX(100%); >input:checked + label + .slide < transform: translateX(0); opacity: 1; >.bg1 < background-image: url('../images/slide_img_1.jpg'); >.bg2 < background-image: url('../images/slide_img_2.jpg'); >.bg3 < background-image: url('../images/slide_img_3.jpg'); >.novelty < padding-top: 100px; padding-left: 9em; >.novelty h1, h2 < display: flex; color: white; >.novelty h2 < padding-top: 35px; font-size: .8em; text-align: left; >#add

На кучу overflow в CSS не обращайте внимания, это я разные варианты пробовал, но ничего не меняется. Только когда применяется к body.

Источник

По какой причине иногда не работает скролл на сайте?

Доброго времени. Хочу сказать сразу, что не знаю в какую категорию отнести свой вопрос, потому что саму суть проблемы также не могу понять.

Есть вот такой сайт, на котором не всегда срабатывает скролл. Контент прогружается, все скрипты прогружаются также корректно. В консоле ошибок нет.

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

Очень часто это ловится на мозилле, реже на сафари, на хроме почти никогда. Я уже с этим неделю почти неделю борюсь, даже не знаю, что вообще может быть. Никаких ошибок или эксепшенов не выводит. Кто-нибудь сталкивался с такой проблемой?

Перемещено a1batross из general

Сам ты спамер. Я уже отчаялся и к вам пришёл, может быть на линуксе по-другому что-то будет.

Наврядли линукс сам по себе сделает что-то иначе.

Обращайся в саппорт вебсайта.

Дык проблема в том, что мне и дали разобраться с этой проблемой. Так сказать, я и есть саппорт)

Тогда ничем не подскажу. Я не веб-разработчик.

Может быть, на сайте есть какой-нибудь div, который невидим, но «поверх всего»? Например, когда адблок обрезает «запирающее сообщение на сайте во всё окно браузера с просьбой отключить адблок», то такое сообщение становится невидимым, но по факту порой полностью не режется. Попробуй потестить сайт, отключив адблок.

piyavking ★★★★ ( 04.10.19 15:27:30 MSK )
Последнее исправление: piyavking 04.10.19 15:30:01 MSK (всего исправлений: 2)

работает скролл, чините руки

Завуалированный спам помойного говносайта.

Источник