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

Question

[Foor]

как убрать белую полосу при скролинге, что бы див не оттягивался а просто упирался ?

Comments

[WapSter]

Код можно или ссылку на сайт?

[Rustam Bainazarov]

Это на MacOS или iOS? Или тупо пробел внизу из-за косой вёрстки?

[Foor]

Тимур Турсунбаев, это присутствует на многих сайтах, когда при скролинге страница оттягивается и вверху белая полоса, даже на этом сайте она есть, а вот на это(https://www.behance.net/gallery/79291603/Surreal?t... скрол стопорится при окончании дива, и анимации оттягивания нет

[Foor]

Тимур Турсунбаев, https://www.behance.net/ и открой любой виджит, ссылка та не правильная

[Rustam Bainazarov]

Foor, попробуй это:
overscroll-behavior: contain;

Ты так и не ответил, какая ОС и какой браузер.

https://css-tricks.com/almanac/properties/o/oversc...

[Foor]

Рустам Байназаров, Это не проблема в коде ,когда ты оттягиваешь скролом страницу, появляется эта полоса, я пытался зафиксировать её "overflow-y: hidden;" но фиксируется вся страница

[Foor]

Рустам Байназаров, Мак и хром

[WapSter]

Foor, это анимация самой системы, хром скорее всего просто у сафари скопировал данное поведение, чтобы быть схожим.

[Rustam Bainazarov]

Foor, с этого и надо начинать, ибо на Windows и Android этого нет и никогда не было. Решение есть, я его прислал выше. Оно работает во всех современных браузерах, кроме iOS Safari, в десктопном Safari работает.

https://css-tricks.com/almanac/properties/o/oversc...

[Foor]

Тимур Турсунбаев, нет, вот у этого сайта этого нет (https://www.behance.net/ . открой виджит и проскроль до придела ) это какое-то свойство, только я не могу его найти в их коде, есть догадка, что это js, но хз

[Rustam Bainazarov]

Foor, LOL, я его прислал уже:
overscroll-behavior: contain;

Почитай статью об этом свойстве, аж два раза ссылку прислал :(

[WapSter]

Рустам Байназаров, только что применил данное свойство к body прям тут, все равно происходит оттягивание.

[Foor]

Рустам Байназаров, я применил, он не работает, если бы это в браузере было дело, на этом бы сайте тоже самое было,а на нём этого нет (https://www.behance.net/) открой виджит и поскроль до упора

[Rustam Bainazarov]

Тимур Турсунбаев, Foor, тогда так пробуйте:

html, body {
    overscroll-behavior: none;
}

У меня это работает.

[Foor]

Рустам Байназаров, у меня тоже, спасибо огромной :*

[WapSter]

Рустам Байназаров, действительно работает, спасибо занесу в копилку знаний о css)

Answer 1

[Rustam Bainazarov]

https://css-tricks.com/almanac/properties/o/oversc...

https://caniuse.com/#feat=css-overscroll-behavior

html, body {
    overscroll-behavior: none;
}

Будет работать только в современных браузерах. В Safari это не будет работать, к сожалению, там этот механизм не отключить.

Update. Убивает механизм «потянуть для обновления страницы» в Android Chrome.

Comments

[HERN1k]

Огромное спасибо, час не мог понять что и к html нужно overscroll-behavior добавить.