const scroll = useCallback((lastMouseClientY: number) => {

Question

const scroll = useCallback((lastMouseClientY: number) => {

if (listRef.current) {
const position = listRef.current?.getBoundingClientRect()
const { top, bottom } = position
const scrollSpeed = 5
if (lastMouseClientY > bottom - 50) {
console.log('down')
const nextScrollTop = listRef.current.scrollTop + scrollSpeed
listRef.current.scrollTo(0, nextScrollTop)
} else if (lastMouseClientY < top + 50) {
console.log('up')
const nextScrollTop = listRef.current.scrollTop - scrollSpeed
listRef.current.scrollTo(0, nextScrollTop)

}
}
},[])
подскажите, у меня есть скролл. Когда я подхожу к расстоянию 50 пикселей от верха или низа контейнера, то должно плавно прокручиваться. Но оно расстояние проходит за милисекунды, так как ивент срабатывает дофига раз. Подскажите, как сделать более плавно? пробовал через throttle

#frontend #javascript #programming #react.js #russian

0

20.07.2022

1 ответов

6 просмотров

Андрей Расторгуев · Accepted Answer

Андрей Расторгуев

Дебонс?

0

20.07.2022

169 похожих чатов

const scroll = useCallback((lastMouseClientY: number) => {

1 ответов

Похожие вопросы