Как убрать с сайта вертикальную полосу прокрутки?

#javascript #html #jquery #css #вёрстка

Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но чтобы при этом скролл работал как обычно?

К body, например, можно применить overflow-y:hidden, но, естественно, скролл перестает
работать.
    

Ответы

Ответ 1

Привет, если речь идет именно о body то ему необходимо присвоить значение overflow-y:hidden
а уже в body вставить div с контентом, например вот таким образом клик или клик там
уже скрыть скролл у diva без последствий не работы прокрутки, если речь идет о простом
div(например, меню):

Допустим есть левый блок меню. В этом блоке идет нумерованный список пунктов, на
100 примерно.



div.LeftScrollBlock{
  width: 200px;
  height: 320px;
  overflow:auto;
  border:1px solid grey;
}
div.parent{
  border-right:1px solid grey;
  width: 184px;
  overflow: hidden;
}



    
ссылка-1
    
ссылка-2
    
ссылка-3
    
ссылка-4
    
ссылка-5
    
ссылка-6
    
ссылка-7
    
ссылка-8
    
ссылка-9
    
ссылка-10
    
ссылка-11
    
ссылка-12
    
ссылка-13
    
ссылка-14
    
ссылка-15
    
ссылка-16
    
ссылка-17
    
ссылка-18
    
ссылка-19
    
ссылка-20
    
ссылка-21
    
ссылка-22
    
ссылка-23
    
ссылка-24
    
ссылка-25
    
ссылка-26
    
ссылка-27
    
ссылка-28
    
ссылка-29
    
ссылка-30





Ответ 2

Предположим, так. С шириной и кроссбраузерностью разберёшься сам. Ещё, выделением
текста можно проскроллить вправо.

А вообще, скрывать скролл - это плохая идея.



html, body {
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}

body {
  overflow-y: scroll;
  width: calc(100% + 20px);
  padding: 8px;
}
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную
прокрутку, но , чтобы при этом скролл работал как обычно? К body, например, можно применить
overflow-y:hidden, но естественно скролл перестает работать.
Здравствуйте. Можно
ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но ,
чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.




Вариант без calc с использованием фиксированного позиционирования. Решает проблему
с горизонтальной прокруткой при выделении.



html {
  overflow: hidden;
}

body {
  position: fixed;
  left: 0;
  top: 0;
  right: -30px;
  bottom: 0;
  padding: 8px;
  overflow-y: scroll;
}
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную
прокрутку, но , чтобы при этом скролл работал как обычно? К body, например, можно применить
overflow-y:hidden, но естественно скролл перестает работать.
Здравствуйте. Можно
ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но ,
чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.




Ещё вариант для хромиумовов:



::-webkit-scrollbar {
  width: 0;
}
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript вертикальную
прокрутку, но , чтобы при этом скролл работал как обычно? К body, например, можно применить
overflow-y:hidden, но естественно скролл перестает работать.
Здравствуйте. Можно
ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку, но ,
чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами
css или javascript вертикальную прокрутку, но , чтобы при этом скролл работал как обычно?
К body, например, можно применить overflow-y:hidden, но естественно скролл перестает
работать.    
Здравствуйте. Можно ли убрать, скрыть на сайте методами css или javascript
вертикальную прокрутку, но , чтобы при этом скролл работал как обычно? К body, например,
можно применить overflow-y:hidden, но естественно скролл перестает работать.    
Здравствуйте.
Можно ли убрать, скрыть на сайте методами css или javascript вертикальную прокрутку,
но , чтобы при этом скролл работал как обычно? К body, например, можно применить overflow-y:hidden,
но естественно скролл перестает работать.    
Здравствуйте. Можно ли убрать, скрыть
на сайте методами css или javascript вертикальную прокрутку, но , чтобы при этом скролл
работал как обычно? К body, например, можно применить overflow-y:hidden, но естественно
скролл перестает работать.


Ответ 3

Скрыть или изменить дизайн полосы прокрутки можно с помощью js плагинов которых теперь
есть большой выбор например: 9 вариантов.