Eventuali duplicati:
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?nascondere barra di scorrimento, mentre ancora in grado di scorrere con il mouse/tastiera
Vorrei sapere se è possibile nascondere la barra di scorrimento, durante lo scorrimento è ancora abilitato con il mouse/tastiera.
Ho provato a utilizzare CSS: overflow: nascosto; L'effetto è, la barra di scorrimento disabilitata E lo scorrimento disabilitato.
Per riferimento futuro c'è anche una soluzione senza jQuery - basta avere lo stile involucro div contenere overflow:hidden e utilizzare questo JavaScript due-liner:
// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;
// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";
Aggiornamento: è possibile utilizzare lo stesso principio per creare div scorrevole senza barra di scorrimento: demo.
Non in modo nativo, ma suppongo che sia possibile implementare il proprio meccanismo di scorrimento utilizzando Javascript per acquisire determinate sequenze di tasti e riposizionare l'elemento contenitore di conseguenza con CSS. Sarà brutto, però!
C'è un plugin jQuery chiamato Scrollable che fa quello che vuoi.
Bello, ma per quanto riguarda la compatibilità con browser e dispositivi mobili? –
@cocoacoder si potrebbe sempre Provarlo in diversi browser e cellulari se vi state chiedendo ... Ho provato su iOS e IE9 e funziona bene. Non c'è nulla di troppo hacky in questo approccio, quindi dovrebbe essere abbastanza cross-compatibile. Finché la piattaforma supporta la proprietà scrollWidth, funzionerà correttamente. – Gavin
sembra che tutti i browser in tutto il mondo lo supportino: http://www.w3schools.com/jsref/prop_element_scrollwidth.asp –