Настройка переполнения прокрутки для касания на iPad отменяет все пользовательские настройки css для webkit-scrollbar, есть ли какие-либо исправления для этого?

Если я установил следующий css для div:

-webkit-overflow-scrolling: touch;

пользовательский css, который я использую для скрытия полосы прокрутки, переопределяется, и на iPad появляется панель прокрутки по умолчанию.

Это css, который я использую, чтобы скрыть полосу прокрутки:

  ::-webkit-scrollbar {
    width: 12px;
    opacity:0;
  }
  ::-webkit-scrollbar-track {
      opacity:0;
  }
  ::-webkit-scrollbar-thumb {
      opacity:0;
  }

Если вы знаете какое-либо решение для переопределения полосы прокрутки по умолчанию при переходе на прокрутку переполнения, я был бы признателен за вашу помощь.

Спасибо!

Ответ 1

Вам следует посмотреть некоторые плагины jQuery custom content scroller и особенно с такими параметрами, как contentTouchScroll: integer, которые могут помочь вам обнаружить сенсорные экраны, а затем играть с этим.

ИЛИ

В противном случае, и, вероятно, лучшее решение, вы должны (например, предлагать здесь) использовать Modernizr.

if (Modernizr.touch){
   // bind to touchstart, touchmove, etc and watch `event.streamId`
}

Почему бы не использовать оба из них с помощью

if (Modernizr.touch){
   $(".content").mCustomScrollbar({
       contentTouchScroll: false
   });
}

Удачи '