Как отключить скролл css

Подскажите, как убрать скролл

Ну так вы про это и писали. Вы уточните что именно хотите сделать. Чем вам мешает эта полоска и как вы собираетесь отобразить все данные без прокрутки?

4 июн 2017 в 3:57

.child < width: 100px; height: 200px; border: 1px solid black; overflow: auto; >.parent

 
 
bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla bla-bla
 

Отслеживать

ответ дан 3 июн 2017 в 21:26

user210322 user210322

а куда исчез правый борт?

4 июн 2017 в 9:58

скролл убран на свою ширину за правый край div’а

– user210322

4 июн 2017 в 15:55

/* хром, сафари */ body::-webkit-scrollbar < width: 0; >/* ie 10+ */ body < -ms-overflow-style: none; >/* фф (свойство больше не работает, других способов тоже нет)*/ body < overflow: -moz-scrollbars-none; >*

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate dapibus lorem et faucibus. Pellentesque lacus libero, scelerisquem lobortis dolor. Vivamus non ullamcorper ligula. s et malesuada fames ac turpis egestas. Proin tristique lacinia enim at molestie. Donec venenatis orci semper libero lacinia cursus. Curabitur id maximus metus. Pellentesque ut ex auctor, cursus tortor non, porttitor lacus. Curabitur bibendum tincidunt egestas. Sed volutpat maximus dui, sed ultrices enim bibendum ut. Aliquam euismod convallis diam eu tincidunt. Duis ornare et purus quis dictum. Nulla eu lectus tincidunt, tristique mi quis, blandit orci. Suspendisse cursus magna neque, at semper leo ornare ut. Integer ac cursus nunc. Suspendisse quis diam ut libero laoreet condimentum vitae in nunc. Maecenas sem ante, venenatis nec sem vitae, ornare auctor sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean ut risus sapien. Nam rutrum nibh elit, vel euismod ligula tristique pharetra. Sed eget nisl ipsum. Nulla cursus metus ut arcu vestibulum, in commodo magna dignissim. Aliquam erat volutpat. Morbi id nunc malesuada, auctor orci at, scelerisque lacus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi quam tortor, laoreet at tellus sed, fringilla sollicitudin elit. Donec at volutpat urna. Nunc sem nulla, consequat in hendrerit a, lacinia et orci. Curabitur eu porttitor leo. Sed porttitor dui orci, at suscipit ligula dictum faucibus. Pellentesque in dolor libero. Mauris tincidunt pellentesque viverra. Proin sollicitudin auctor eros, eget elementum eros bibendum non. Integer feugiat sapien sit amet sapien maximus, a facilisis metus viverra. Vivamus eget purus fermentum, interdum tellus a, faucibus ligula. Nam ultricies imperdiet elit id interdum. Curabitur id felis et est euismod posuere. Aliquam consequat lectus enim, sit amet pellentesque justo dictum vitae. Proin in mi pretium, dictum mi et, ultricies massa. Aliquam nec nulla elit. Aliquam placerat lacus metus, ut mollis elit egestas non. Ut tristique mattis nibh a lacinia. Maecenas scelerisque tincidunt venenatis. Sed dictum purus id turpisLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate dapibus lorem et faucibus. Pellentesque lacus libero, scelerisque et aliquet non, tincidunt nec diam. Integer vel nisl at mauris tempor lobortis a non diam. Phasellus tincidunt risus sit amet ante dapibus, vel ultricies lorem porttitor. Donec ex lacus, vestibulum vitae arcu ut, bibendum bibendum diam. Mauris euismod turpis pharetra, pharetra arcu id, rhoncus nisi. Etiam sapien risus, ultricies a nisl sit amet, aliquam lobortis dolor. Vivamus non ullamcorper ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin tristique lacinia enim at molestie. Donec venenatis orci semper libero lacinia cursus. Curabitur id maximus metus. Pellentesque ut ex auctor, cursus tortor non, porttitor lacus. Curabitur bibendum tincidunt egestas. Sed volutpat maximus dui, sed ultrices enim bibendum ut. Aliquam euismod convallis diam eu tincidunt. Duis ornare et purus quis dictum. Nulla eu lectus tincidunt, tristique mi quis, blandit orci. Suspendisse cursus magna neque, at semper leo ornare ut. Integer ac cursus nunc. Suspendisse quis diam ut libero laoreet condimentum vitae in nunc. Maecenas sem ante, venenatis nec sem vitae, ornare auctor sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean ut risus sapien. Nam rutrum nibh elit, vel euismod ligula tristique pharetra. Sed eget nisl ipsum. Nulla cursus metus ut arcu vestibulum, in commodo magna dignissim. Aliquam erat volutpat. Morbi id nunc malesuada, auctor orci at, scelerisque lacus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi quam tortor, laoreet at tellus sed, fringilla sollicitudin elit. Donec at volutpat urna. Nunc sem nulla, consequat in hendrerit a, lacinia et orci. Curabitur eu porttitor leo. Sed porttitor dui orci, at suscipit ligula dictum faucibus. Pellentesque in dolor libero. Mauris tincidunt pellentesque viverra. Proin sollicitudin auctor eros, eget elementum eros bibendum non. Integer feugiat sapien sit amet sapien maximus, a facilisis metus viverra. Vivamus eget purus fermentum, interdum tellus a, faucibus ligula. Nam ultricies imperdiet elit id interdum. Curabitur id felis et est euismod posuere. Aliquam consequat lectus enim, sit amet pellentesque justo dictum vitae. Proin in mi pretium, dictum mi et, ultricies massa. Aliquam nec nulla elit. Aliquam placerat lacus metus, ut mollis elit egestas non. Ut tristique mattis nibh a lacinia. Maecenas scelerisque tincidunt venenatis. Sed dictum purus id turpisLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate dapibus lorem et faucibus. Pellentesque lacus libero, scelerisque et aliquet non, tincidunt nec diam. Integer vel nisl at mauris tempor lobortis a non diam. Phasellus tincidunt risus sit amet ante dapibus, vel ultricies lorem porttitor. Donec ex lacus, vestibulum vitae arcu ut, bibendum bibendum diam. Mauris euismod turpis pharetra, pharetra arcu id, lacinia enim at molestie. Donec venenatis orci semper libero lacinia cursus. Curabitur id maximus metus. Pellentesque ut ex auctor, cursus tortor non, porttitor lacus. Curabitur bibendum tincidunt egestas. Sed volutpat maximus dui, sed ultrices enim bibendum ut. Aliquam euismod convallis diam eu tincidunt. Duis ornare et purus quis dictum. Nulla eu lectus tincidunt, tristique mi quis, blandit orci. Suspendisse cursus magna neque, at semper leo ornare ut. Integer ac cursus nunc. Suspendisse quis diam ut libero laoreet condimentum vitae in nunc. Maecenas sem ante, venenatis nec sem vitae, ornare auctor sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean ut risus sapien. Nam rutrum nibh elit, vel euismod ligula tristique pharetra. Sed eget nisl ipsum. Nulla cursus metus ut arcu vestibulum, in commodo magna dignissim. Aliquam erat volutpat. Morbi id nunc malesuada, auctor orci at, scelerisque lacus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi quam tortor, laoreet at tellus sed, fringilla sollicitudin elit. Donec at volutpat urna. Nunc sem nulla, consequat in hendrerit a, lacinia et orci. Curabitur eu porttitor leo. Sed porttitor dui orci, at suscipit ligula dictum faucibus. Pellentesque in dolor libero. Mauris tincidunt pellentesque viverra. Proin sollicitudin auctor eros, eget elementum eros bibendum non. Integer feugiat sapien sit amet sapien maximus, a facilisis metus viverra. Vivamus eget purus fermentum, interdum tellus a, faucibus ligula. Nam ultricies imperdiet elit id interdum. Curabitur id felis et est euismod posuere. Aliquam consequat lectus enim, sit amet pellentesque justo dictum vitae. Proin in mi pretium, dictum mi et, ultricies massa. Aliquam nec nulla elit. Aliquam placerat lacus metus, ut mollis elit egestas non. Ut tristique mattis nibh a lacinia. Maecenas scelerisque tincidunt venenatis. Sed dictum purus id turpisLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate dapibus lorem et faucibus. at tellus sed, fringilla sollicitudin elit.
 

Как убрать скрол css?

Как убрать скрол, когда элементы выходят за границы экрана?

• Вопрос задан более двух лет назад
• 104 просмотра

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

Простой 3 комментария

Alex @Kozack Куратор тега CSS
Сделать так, чтобы не выходили
Aman @robick231 Автор вопроса
Alex, по макету так нужно

Ankhena @Ankhena Куратор тега CSS

Кто же вас заставил круги пустыми блоками рисовать.
https://jsfiddle.net/3qc5mwrn/ и вообще overflow не нужен будет.

При вашей же верстке его придется вешать прямо на body.

Решения вопроса 1

Alex @Kozack Куратор тега CSS
Thinking about a11y
Ответ написан более двух лет назад
Aman @robick231 Автор вопроса

Ankhena @Ankhena Куратор тега CSS
Aman, в каком смысле нет? Очень даже ДА. 🙂
Aman @robick231 Автор вопроса
Ankhena, у меня прокручивается (

Ankhena @Ankhena Куратор тега CSS
Aman, это значит лишь, что вы либо неверно его указали либо не тому элементу.
Aman @robick231 Автор вопроса
Ankhena, какому нужно?

Alex @Kozack Куратор тега CSS

Aman, Если бы вы сделали демку в песочнице — можно было бы сказать наверняка. А так, только пытаться угадать что у вас там

Ankhena @Ankhena Куратор тега CSS

Aman, и как я по скрину могу узнать к какому?
По возможности к ближайшему родителю, имеющему ширину равную ширине окна.

Aman @robick231 Автор вопроса

Aman, в вашей разметке поможет body
Ответы на вопрос 1

Жадно изучаю каждый пиксель

У вас скрол появляется из-за ошибочной структуры html и изобилия отрицательного margin. Используйте flex, откажитесь от отрицательного margin и будет вам счастье.

Ответ написан более двух лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос

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

• JavaScript
• +1 ещё

Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?

• 1 подписчик
• 6 часов назад
• 42 просмотра

Как отключить скроллинг страницы?

Необходимо отключить скроллинг body, скролл бар должен присутствовать просто не работать, при повороте колесика мыши не должно ничего происходить, и при тач событиях, т.е в телефоне тоже скролл не должен работать.

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

Комментировать

Решения вопроса 3

WapSter @wapster92 Куратор тега JavaScript

Как вариант

window.addEventListener('scroll', e => < window.scrollTo() >)

UPD В хроме все норм, но в других браузерах дерганье. Так что надежнее при помощи css, но скролл бар пропадет

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

Комментировать

Нравится 1 Комментировать

Как убрать скролл у страницы css?

Добрый вечер!

При добавлении свойства owerflow: hiden элементы скрылись однако у всей странице появляется нижний скролл. И нижнее меню растягивается на ширину учитывая и скрытые элементы.

Почему так происходит?

.input__wrapper

• Вопрос задан более года назад
• 435 просмотров

1 комментарий

Простой 1 комментарий

Ankhena @Ankhena Куратор тега CSS

Почему так происходит?

Вы серьезно считаете, что показанного вами кода достаточно?

Сделайте песочницу с видимой проблемой на codepen.io или ссылку на сайт.

Решения вопроса 1

Kostenitskiy_A @Kostenitskiy_A

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