Я пытаюсь остановить перемещение элемента при достижении определенной позиции прокрутки.Это делается с помощью JS путем добавления CSS-класса «fixed» -класса, когда достигается позиция прокрутки (здесь: 100 пикселей сверху):
.fixed {
position: fixed;
top: 100px;
}
В принципе это работает нормально.Однако элемент не останавливается сразу.Сначала элемент продолжает прокручиваться примерно полсекунды или около того, затем он возвращается назад - что выглядит ужасно.Это зависит от браузера: Safari почти идеален, а в Edge эффект наихудший.Чем быстрее вы прокручиваете, тем хуже становится, в частности, если останавливается не только div, но и т. Д.
Рабочий пример здесь: https://codepen.io/anon/pen/PybbBd
Я видел, как элементы останавливались на другихсайты без каких-либо прыжков.Кто-нибудь знает, как это сделать?Любая помощь с благодарностью!Нет вопросов, пожалуйста.