React-custom-scrollbar не работает с щелчком мыши (но работает с прокруткой мыши) на страницах с высотой ниже 400 пикселей

Question

Сайт выполнен в React.

Проблема в реагирующей пользовательской полосе прокрутки.На страницах, высота которых превышает 400 пикселей, полоса прокрутки реагирует на щелчок мыши.Тем не менее, на страницах с высотой ниже 400 пикселей полоса прокрутки не работает после щелчка мышью.На всех страницах код полосы прокрутки такой же, как указано выше:

const windowHeight = window.innerHeight;

 <Scrollbars
    autoHide
    renderTrackHorizontal={props => <div {...props} className="track-horizontal" style={{ display: 'none' }} />}
    renderThumbHorizontal={props => <div {...props} className="thumb-horizontal" style={{ display: 'none' }} />}
    autoHeight
    autoHeightMin={windowHeight}
  >

</Scrollbars>

Вопросы: 1. Что мне не хватает в коде полосы прокрутки, что он не работает на страницах с небольшой высотой?2. Как решить проблему?

Answer 1

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

В этом случае работали 2 решения:

1. Удалите zIndex в главном, если он был подписан.или
2. Установите zIndex: 1001 для полосы прокрутки