Possible en double:
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?cacher la barre de défilement tout en étant capable de faire défiler avec la souris/clavier
Je veux savoir s'il est possible de cacher la barre de défilement, pendant le défilement est toujours activé avec la souris/clavier.
J'ai essayé d'utiliser CSS: overflow: hidden; L'effet est, scrollbar désactivé et défilement désactivé.
Pour référence ultérieure, il est également une solution sans jQuery - ont juste le style div emballage contient overflow:hidden et utiliser cette JavaScript de 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 div scrollable sans scrollbar: demo.
Pas nativement, mais je suppose que vous pourriez implémenter votre propre mécanisme de défilement en utilisant Javascript pour capturer certaines séquences de touches et repositionner l'élément conteneur en conséquence avec CSS. Ça va être moche, cependant!
Il existe un plugin jQuery appelé Scrollable qui fait ce que vous voulez.
Bien, mais qu'en est-il de la compatibilité avec les navigateurs et les appareils mobiles? –
@cocoacoder vous pouvez toujours essayer dans différents navigateurs et mobiles si vous vous demandez ... J'ai testé sur iOS et IE9 et ça fonctionne bien. Il n'y a rien de trop haineux dans cette approche, donc ça devrait être assez compatible. Tant que la plate-forme prend en charge la propriété scrollWidth, elle fonctionne correctement. – Gavin
il semble que tous les navigateurs du monde entier le soutiennent: http://www.w3schools.com/jsref/prop_element_scrollwidth.asp –