Masquer la barre de défilement tout en pouvant faire défiler avec la souris / le clavier
Duplicata possible:
Comment désactiver le navigateur ou la barre de défilement des éléments, mais autoriser le défilement avec les touches de la molette ou de la flèche?
Je veux savoir s'il est possible de masquer la barre de défilement, tandis que le défilement est toujours activé avec la souris/le clavier.
J'ai essayé d'utiliser CSS: overflow: hidden;. L'effet est la barre de défilement désactivée et le défilement est désactivé.
Pour référence future, il existe également une solution sans jQuery - il suffit que le style div du wrapper contienne overflow:hidden et utilisez ce JavaScript deux lignes:
// 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";
Mise à jour : vous pouvez utiliser le même principe pour créer des div scrollables sans scrollbar: demo .
Il existe un plugin jQuery appelé Scrollable qui fait ce que vous voulez.
Pas nativement, mais je suppose que vous pouvez implémenter votre propre mécanisme de défilement en utilisant Javascript pour capturer certaines frappes et repositionner l'élément conteneur en conséquence avec CSS. Ça va être moche, cependant!