Липкая плавающая кнопка действия, скрытая за другим компонентом в Quasar - PullRequest
0 голосов
/ 07 мая 2020

Итак, я создал простую плавающую кнопку действия, которую разместил в правом верхнем углу страницы. При прокрутке вниз кнопка, как и ожидалось, прилипает к этому верхнему правому месту, за исключением случаев, когда есть другой компонент, который скрывается под ним - иногда под текстом или под карточкой, и на него нельзя щелкнуть.

Есть ли способ сделать это

Здесь - Codesandbox - вы можете увидеть код воспроизведения и поведение кнопки при прокрутке вниз.

1 Ответ

0 голосов
/ 07 мая 2020

Простое указание соответствующего элемента от z-index до q-page-sticky решает проблему.

<q-page-sticky position="top-right" :offset="[10, 10]" style="z-index: 3">

Лучше, чем использовать атрибут стиля, создать класс и добавить в него CSS. С уважением.

...