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

Внести вклад Функция
1

Привет :wave:

Блоки кода могут быть очень длинными… Например, когда они содержат полный лог пересборки или другой длинный текст… На блоке кода в сообщении довольно неудобно прокручивать содержимое, особенно на экранах меньшего размера, или доходить до конца блока. Самый простой способ — прокрутить область перед блоком кода или найти узкие поля по бокам шириной 10 пикселей.

Хорошей опцией было бы добавить оверлей к огромным блокам кода, который блокирует прокрутку до взаимодействия пользователя. При клике пользователя оверлей исчезает, и прокрутка активируется.

Спасибо :slightly_smiling_face:

1 лайк
2

Может быть, попробуйте это в компоненте темы? Вы можете почувствовать, как это ощущается?

2 лайка
3

Да, я подумал об этом. Это вполне реализуемо с помощью компонента. Я попробую. :slightly_smiling_face:

1 лайк
4

Привет :waving_hand:

Это первая версия, я имел в виду что-то подобное, но я застрял на определении высоты элемента. :confused: Оверлей должен отображаться только для прокручиваемых блоков кода. Я пробовал использовать element.scrollHeight > n и т. д., но, похоже, высота всегда равна 0. Мне нужно найти другой способ определить, прокручивается ли блок кода…

1 лайк
5

Привет :wave:

Снова здесь спустя долгое время… Я совершенно забыл об этом. Теперь у меня есть рабочий вариант. :smile:

1 лайк