Как настроить область видимости для react-intersection-observer?

Question

[Solevoy_2015]

Пишу кастомный таймпикер, для каждого значения используется личный inView. Когда цифра видна, меня класс, чтобы визуально обозначить свайп и заношу данные. Как сделать чтобы inView не вызывал событие onChange вне красного прямоугольника. threshold={1}

Answer 1

[Solevoy_2015]

У InView есть параметр rootMargin куда мы передаем строку вида: '0px 0px 0px 0px' ,px - обязательно. Для того чтобы rootMargin работал нужно передать в параметр root элемент в области видимости которого мы хотим следить за элементом. В моем случае, чтобы InView не изменялись за красным прямоугольником, пришлось задать отрицательные отступы - rootMargin = '-27px 0px -27px 0px' для области видимости - root, в роли root обычно выступает ref на offsetParent