Как убрать scroll bar при создание параллакс эффекта?

Question

[Алексей Чумаченко]

Доброго утра. Помогите пожалуйста разобраться в следующей задаче.
Пытаюсь создать параллакс эффект на css. Вроде бы все удалось достичь, одна появляется дополнительный скролл. Нашел в сети что его можно убрать с помощью такого куска кода

* {
    margin:0;
    padding:0;
  }

действительно помогло, однако не могу понять, как сброс отступов убирает скролл.? Кто то может объяснить данный момент?
Так же есть второй момент, что при добавление в код еще контента, снова появляется скролл.
https://jsfiddle.net/9w1L4v20/ . если в данном коде раскомментировать дополнительный контент появится скролл.
Добавление тегу html свойств overflow:hidden, не помогает так как перестает скролится остальная страница.
Подскажите пожалуйста как можно скрыть скролл что бы остался эффект параллакс и если кто знает, подскажите по первому вопросу( про сброс отступов).
Заранее огромное всем спасибо

Answer 1

[Andrej Sharapov]

Можно так

::-webkit-scrollbar {
  width: 0;
  height: 0
}

Comments

[Максим]

а для mozilla или для edge ?

[Andrej Sharapov]

Максим Ленский, https://caniuse.com/ :)

[Максим]

Andrej Sharapov, я это знаю - просто у вас ответ только для webkit и всё а это означает что остальные обречены ?

[Andrej Sharapov]

Максим Ленский, нет, что вы. Я не давал конкретики, я просто направил на верный путь.

[Максим]

Andrej Sharapov, там путь один - js

[Алексей Чумаченко]

Большое спасибо за ответ. вроде бы помогло))) еще раз спасибо

[Andrej Sharapov]

Максим Ленский, так то да, но вопрос в ветке css, поэтому и решение такое. К сожалению, пока не универсальное.

[Максим]

Andrej Sharapov, я ему показывал пример - он есстественно убирает скролл но хитрым способом и из за overflow это не устроило -

[Алексей Чумаченко]

Максим Ленский, overflow, подходит, просто не в теге html