Блог

Главная - Вопросы по программированию - Как сделать всплывающее окно на внутренней странице

Как сделать всплывающее окно на внутренней странице

#html #css #reactjs #styling

Вопрос:

У меня возникли проблемы с css из-за поп-музыки, которая немного вышла из веб — страницы

Вот как это выглядит: введите описание изображения здесь

вот моя кодовая база:

 let popupStyles = {};

if (this.props.useRefToPosition) {
  popupStyles = {
    position: 'fixed',
    left: this.state.leftRefPosition,
    top: this.state.topRefPosition - (this.state.popupHeight   10) ,
    bottom: 'unset'
  };
}

    <div
      style={popupStyles}
      className={`tool-tip-popup ${pos.toString()} ${(this.state.show amp;amp; this.props.disabled !== true) ? "show" : ""}`}
      id="tool-tip-popup-question"
      data-testid={this.props.dataTestId ? `${this.props.dataTestId}-popup` : null}
      ref={this.popupRef}
    >
      {this.tooltipPopup(tooltipId)}
    </div>

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

1. у кого-нибудь есть идеи, как исправить эту ошибку?

2. Это проблема статических всплывающих подсказок. Вам нужно рассчитать, выходит ли всплывающая подсказка из контейнера, и если да, то отобразить ее слева.

Метки: