L'impostazione di scorrimento overflow per sfiorare iPad sostituisce tutti i set di CSS personalizzati per la barra di scorrimento webkit, esistono soluzioni per questo?

Question

Se ho impostato il seguente CSS per un div:

-webkit-overflow-scrolling: touch; 

il CSS personalizzato che uso per nascondere la barra di scorrimento viene sovrascritto e viene visualizzata la barra di scorrimento di default su iPad.

Questo è il css che uso per nascondere la barra di scorrimento:

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

Se conoscete qualsiasi soluzione per sostituire la barra di scorrimento di default quando l'overflow-scorrimento è impostato per toccare, sarei grato per il vostro aiuto.

Grazie!

Answer 1

Si dovrebbe dare un'occhiata ad alcuni plugin jQuery custom content scroller e in particolare con le opzioni come contentTouchScroll: integer che potrebbero aiutare a rilevare i touch screen e quindi giocare con questo.

O

In caso contrario, e probabilmente una soluzione migliore, si dovrebbe (come suggerito here) utilizzare Modernizr.

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

Perché non utilizzare entrambi con

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

Good Luck'