Как сделать такой scroll top как на примере?

Question

[Миржалол Мирхомитов]

Всем привет.
Можете пжл подсказать как я могу сделать scroll top как на примере на сайте https://www.wildberries.ru/

у меня не получается сделать так что бы он остановился когда появляется footer

Comments

[Сергей delphinpro]

ну простая математика же.
подсчитали высоту контента, и постоянно сверяем ее со значением скролла страницы. В плавающем режиме кнопка может быть с фиксированной позицией. При достижении порогового значения скролла может стать абсолютной с прижатием вниз контента. Это один вариант. Второй - использовать липкое позиционирование (position:sticky). Третий похож на первый, но без переключения позиционирования, вместо которого постоянно рассчитывается необходимое положение по вертикали.
В общем, пытайтесь, делайте. Если что-то не получиться - задавайте конкретные вопросы.

[alexalexes]

Третий вариант будет очень нестабильный, позиционирование кнопки будет не поспевать за действиями прокрутки. Лучше переключать режимы отображения кнопки в начале страницы, в середине и в конце.

Answer 1

[Dmitriy_Gultiaev]

https://jsfiddle.net/m108x2hf/

Вот вроде релизовал похожее поведение