Позиция-якорь не работает, когда якорь находится в положении: исправленоHtml

Программисты Html
Ответить
Anonymous
 Позиция-якорь не работает, когда якорь находится в положении: исправлено

Сообщение Anonymous »

Я пытаюсь выровнять элемент по правому нижнему углу с помощью позиционирования привязки CSS

Код: Выделить всё

#sidebar {
anchor-name: --sidebar;
height: 100vh;
width: max-content;
position: fixed;
/* Sidebar is fixed to the viewport */
}

button.sidebar-toggle-button {
position: absolute;
position-anchor: --sidebar;
left: anchor(right);
bottom: anchor(bottom);
z-index: 1;
}

Код: Выделить всё

... content ...




  • Когда позиция #sidebar установлена на относительную или статическую, позиция-якорь: --sidebar работает должным образом.
  • Однако, когда я устанавливаю позицию: фиксированную или абсолютную на #sidebar, Chrome DevTools сообщает: «--sidebar не определена», и позиция-якорь останавливается работает.
Почему это не работает, я что-то упускаю?

Есть ли способ заставить это работать?

Подробнее здесь: https://stackoverflow.com/questions/793 ... itionfixed
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»