Блог

Главная - Вопросы по программированию - Кнопка обратной связи с правой стороны, которая обрабатывает полосу прокрутки?

Кнопка обратной связи с правой стороны, которая обрабатывает полосу прокрутки?

#html #css

#HTML #css

Вопрос:

Я пытаюсь создать кнопку обратной связи, которая находится с правой стороны.

    <button className="feedback-button">Feedback</button>

.feedback-button {
  height: 40px;
  border: solid 3px #CCCCCC;
  background: #333;
  width: 100px;
  line-height: 32px;
  -webkit-transform: rotate(-90deg);
  font-weight: 600;
  color: white;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  text-align: center;
  font-size: 17px;
  position: fixed;
  right: -40px;
  top: 45%;
  font-family: "Roboto", helvetica, arial, sans-serif;
  z-index: 999;
}

Однако это не влияет на то, когда отображается полоса прокрутки, тогда кнопка обратной связи перекрывается полосой прокрутки.

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

Редактировать

введите описание изображения здесь

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

1. Попробуйте изменить это right: -40px;

2. да, я играл с этим, но если я изменю это, когда полоса прокрутки не отображается, тогда у нее будет зазор между краями.

3. я не нахожу пробелов? можете ли вы отправить скриншот этого?

4. Нет, там нет пробела, но он находится под полосой прокрутки, и когда я настраиваю «вправо», чтобы сказать -30 пикселей, чтобы переместить его рядом с полосой прокрутки, но когда полосы прокрутки нет, теперь есть пробел.

5. Есть ли конкретный браузер, в котором вы получаете эту ошибку? Насколько я знаю, большинство браузеров поддерживают полосу прокрутки, поэтому этот код должен работать.

Метки: ,