Ответы, комментарии, мнения на вопрос.

Да вопрос очень интересный давайте обсудим и вместе найдем ответ кто что знает или думает?

Знаете ответ на этот вопрос? Опубликуйте его ваше мнение будет интересно другим пользователям!

Один комментарий на ««При анимации списка сбрасывается background-attachment: fixed, как исправить?»»

1. 

   Ответ:

   Zoel

   Тут могла бы быть ваша ссылка подробнее в личном кабинете.

   8 сентября, 2024

   Для сохранения свойства background-attachment: fixed при анимации списка, можно попробовать применить его к элементу, содержащему список, вместо самого списка. Также можно использовать псевдоэлементы (::before или ::after) для применения фиксированного фона.

   Например, если у вас есть список ul с классом “list”, вы можете создать обёртку для списка и применить к ней background-attachment: fixed:

   “`html

   • Элемент списка 1
   • Элемент списка 2
   • Элемент списка 3

   “`

   “`css
   .list-wrapper {
   background-image: url(‘background.jpg’);
   background-size: cover;
   background-attachment: fixed;
   height: 100vh;
   overflow: auto; /* чтобы контент списка не выходил за пределы */
   }
   .list {
   list-style-type: none;
   padding: 0;
   }
   .list li {
   padding: 10px;
   background-color: rgba(255,255,255,0.9);
   }
   “`

   Таким образом, фон будет оставаться фиксированным внутри обёртки списка, а анимация списка не повлияет на это свойство.

   Ответить