Я разрабатываю и реализую фиксированную кнопку «Обратная связь» (похожую на плавающую кнопку действия/FAB) в правой части области просмотра, используя позицию: исправлено в React.
Когда элемент размещается с правым: 0, он заметно перекрывает собственную вертикальную полосу прокрутки (особенно в Windows, где полосы прокрутки шире/всегда видны). Это похоже на плохой UX, поскольку мешает встроенному управлению системой.
Считается ли плохой практикой (UX/Accessibility), когда фиксированный элемент полностью или частично перекрывает встроенную полосу прокрутки? Есть ли руководство, которое явно решает эту проблему?
Предполагая, что ответ на приведенный выше вопрос: «Да, это плохая практика», мне нужно надежное кроссбраузерное решение, чтобы обойти эту проблему и гарантировать, что фиксированный элемент всегда правильно расположен за пределами полосы прокрутки. область.
Цель состоит в том, чтобы кнопка была выровнена по самому правому краю видимой области содержимого, но никогда не по краю области просмотра браузера, чтобы она не конфликтовала с полосой прокрутки.
Подробнее здесь:
https://stackoverflow.com/questions/797 ... -to-get-ar
Мобильная версия