React Joyride — Как я могу настроить положение поплавка?

#reactjs

Вопрос:

Я хочу отрегулировать положение поплавка для определенного шага, который я пытался сделать:

 floaterProps: {
  styles: {
    tooltip: {
      top: -200
    },
  arrow: { 
    top:-200
  }
}
 

Но это не работает!
Это неправильный путь?

Комментарии:

1. вы пробовали использовать setState

Ответ №1:

Вам нужно использовать position: absolute в своей всплывающей подсказке, а затем настроить положение с top помощью , bottom , left , right свойств. подробнее о позиционировании в документации MDN.

 tooltip: {
  position: absolute,
  top: 20px,
  left: 10px,
}
 

Если вы пытаетесь использовать в своем приложении несколько всплывающих подсказок, вы также можете настроить их положение на Z оси, добавив z-index свойство. дополнительная информация о документации MDN.