Почему overflow hidden не прокручивает страницу вниз?

Question

Мария Иванникова @toradorra

HTML
CSS

Почему overflow hidden не прокручивает страницу вниз?

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

Вопрос задан более трёх лет назад
791 просмотр

4 комментария

Подписаться 1 Простой 4 комментария

Dymok @UnluckySerivelha

может надо скрыть горизонтальную полосу прокрутки? тогда overflow-x: hidden;

Написано более трёх лет назад
Lord_Dantes @Lord_Dantes

Есть overflow-y , убрать вертикальный скролл.
Есть overflow-x , убрать горизонтальный скролл.
Есть overflow , убрать весь скролл.

Написано более трёх лет назад
Мария Иванникова @toradorra Автор вопроса

горизонтального у меня нет. я попробовала overflow-y: hidden;, но всё равно никакой возможности прокрутки. всё обрезается. так же, если и убирать весь скролл

Написано более трёх лет назад
Варлам Ерофеич @warsand

toradorra, - Нич-ч-чего не понимаю в аглицком, но гугл перевёл так:
overflow hidden = переполнение скрыто

Сам себе кумекаю: "Ага.., значит, "обрезанное" не подлежит просмотру, потому и скроллы не нужны..."
- Пробую прокручивать вертикаль колёсиком мыши. (если обрезано по вертикали)
Ежли "мышиная" прокрутка работает - указываю "сей факт" в теле вопроса, либо сжимаю "содержимое", чтобы оно влезло в указанные мной размеры "родительского блока" (например, scale: 0.5; либо ещё как-то)
Если мне не нужна прокрутка ни мышкой, ни скроллом, но содержимое нужно-таки "втиснуть" в предложенные габариты - пробую прописать width: 100%; height: 100%;

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

5 комментариев

Мария Иванникова @toradorra Автор вопроса

без js это никак не решить?

Написано более трёх лет назад
Максим @LenovoId

toradorra, там js только для синхронного скролла ...вам просто css надо скопипастить

Написано более трёх лет назад

Максим @LenovoId

toradorra,

.item1 ,.item2{
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.item1::-webkit-scrollbar { width: 0; }
.item2::-webkit-scrollbar { width: 0; }

только селекторы свои подставьте и всё

Написано более трёх лет назад

Мария Иванникова @toradorra Автор вопроса

Максим Ленский, спасибо большое. попробую

Написано более трёх лет назад
Максим @LenovoId

toradorra, отметить решением не забудьте ...

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 11 часов назад
- 68 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 11 часов назад
- 52 просмотра
2

ответа
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 12 часов назад
- 52 просмотра
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 14 часов назад
- 48 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 15 часов назад
- 61 просмотр
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- 17 часов назад
- 53 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 18 часов назад
- 75 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 19 часов назад
- 37 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Какие есть способы организовать редкое добавление статей на сайт?
- 1 подписчик
- вчера
- 113 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как сделать авто подтверждение?
- 2 подписчика
- вчера
- 140 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Взлом автомобильной программы

19 апр. 2024, в 05:01

999999 руб./за проект

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект

может надо скрыть горизонтальную полосу прокрутки? тогда overflow-x: hidden;
Есть overflow-y , убрать вертикальный скролл.
Есть overflow-x , убрать горизонтальный скролл.
Есть overflow , убрать весь скролл.
горизонтального у меня нет. я попробовала overflow-y: hidden;, но всё равно никакой возможности прокрутки. всё обрезается. так же, если и убирать весь скролл
toradorra, - Нич-ч-чего не понимаю в аглицком, но гугл перевёл так:
overflow hidden = переполнение скрыто

Сам себе кумекаю: "Ага.., значит, "обрезанное" не подлежит просмотру, потому и скроллы не нужны..."
- Пробую прокручивать вертикаль колёсиком мыши. (если обрезано по вертикали)
Ежли "мышиная" прокрутка работает - указываю "сей факт" в теле вопроса, либо сжимаю "содержимое", чтобы оно влезло в указанные мной размеры "родительского блока" (например, scale: 0.5; либо ещё как-то)
Если мне не нужна прокрутка ни мышкой, ни скроллом, но содержимое нужно-таки "втиснуть" в предложенные габариты - пробую прописать width: 100%; height: 100%;

Answer 1 · 2019-04-25 16:18:46

Нет ни верно
Оверфлоу уберёт возможность скроллить вообще
Вы хотите сохранить скролл но убрать скроллбар кроссбраузерно ?
Посмотрите мой пен там в css есть кроссбраузерное решения для скрытия скроллбара

Почему overflow hidden не прокручивает страницу вниз?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт