@luxurypluxury

Почему на скролле cursor alias?

При обычном скроле курсор обычный, а вот при кастомном курсор alias.
https://codesandbox.io/s/dazzling-varahamihira-q7s...
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
HardBot
@HardBot
back-end, front-end developer
При использовании кастомного курсора в вашем примере, курсор находится внутри блока, который имеет фиксированную высоту и на который применено свойство overflow-y: scroll. Это означает, что когда вы скроллите содержимое внутри блока, вместо скроллинга страницы, вы скроллите содержимое только внутри этого блока.

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

Если вы хотите избежать такого поведения, можно добавить следующее свойство к блоку, в котором вы применяете кастомный курсор:
pointer-events: none;
Это свойство позволит курсору "проходить" через блок и вести себя как обычный курсор при скроллинге страницы.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы