Сделать фиксированный заголовок совместимым с amp- html - PullRequest
Новая
       5

Сделать фиксированный заголовок совместимым с amp- html

0 голосов
/ 02 марта 2020

Валидатор усилителя запрещает использование position: fixed в таблицах стилей.

Есть ли другой способ сделать заголовок, который прикреплен к верху и не прокручивается в соответствии с усилением?

РЕДАКТИРОВАТЬ:

Полный пример: 

<div style="background:red;position:fixed;right:-50px;padding-left:50px;padding-right:50px;transform:translateY(100%) rotate(45deg)">
    <h5>Text</h5>
</div>

Вот сообщение об ошибке, которое я получаю: 

[ warn ]  Amp Validation

/  error  CSS syntax error in tag 'div' - the property 'position' is set to the disallowed value 'fixed'.  https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/style_pages

1 Ответ

1 голос
/ 03 марта 2020

Спасибо за { ссылка } за указание решения:

Проверка не пройдена, если position: fixed используется в качестве встроенного стиля.

Использование 

.fixed {
  position: fixed;
}

и 

<div class="fixed" style="background:red;right:-50px;padding-left:50px;padding-right:50px;transform:translateY(100%) rotate(45deg)">

В усилителе-валидаторе можно убедиться.

...