18073 sujets

Questions générales et questions de débutants

Zone scrollable sans scrollbar ?

Bonjour à tous !

Je m'interroge sur la possibilité de faire une zone scrollable sans scrollbar qui reste accessible. J'imagine que je devrait passer par JS ? Mais est-il possible de mettre des boutons graphique pour scroller tout en restant accessible ?

Merci pour les pistes que vous pourriez me donner Smiley cligne

@+
Modifié par barbe douce (07 May 2006 - 10:39)
Je relance ...

J'ai bien trouvé quelques scripts qui pourrait faire l'affaire, mais si JS est désactivé chez l'utilisateur ... ben ça marche plus ! normal ...

Y-a-t-il d'autre possibilité que JS ? Ou dois-je me contenter de leser certains utilisateurs ? Ou de laisser tomber mes boutons graphique et de garder mes barres de défilelement toutes vilaines ???

Merci de me mettre sur la voie Smiley langue
Modérateur
bonjour,

En partant sur une base ou la scrollbar est visible, tu peut par la suite , l'effacer avec le javscript , et ajouter tes boutons graphique , toujours avec le javascript.

resultat,
si pas de js = scrollbar
si js = pas de scroll bar mais alternative en js .

Le javascript permet de modifier la page ou de lui ajouter des comportements ,
Si tu part d'une page "accessible" a la base, et elle le restera aussi longtemps que le javascript ne sera pas activé Smiley smile .
++
Super !!! Merci à toi !!!

Petit probleme cependant ...

J'utilise le modèle de page suivant : http://css.alsacreations.com/modeles/modele12.htm

Je n'arrive pas en mettre en place ce que je veut ...
J'ai bien trouvé un script pour les boutons en JS, mais rien pour masquer les barres de défilements ...
Pour info le script des boutons : 
    var Timer;
    var Pas = 3;
    
    function moveLayer(Sens)
    {
        if(document.getElementById)
            Objet = document.getElementById("Contenu");
        else
            Objet = document.all["Contenu"];
        if(parseInt(Objet.style.top) + (3*Sens) > 0)
            Objet.style.top = "0px";
        else
            Objet.style.top = (parseInt(Objet.style.top) + (3*Sens)) + "px";
        Timer = setTimeout("moveLayer(" + Sens + ");", 50);
    }


Si vous aviez une idée ... elle serait la bienvenue !!

PS : je suis tout neuf en JS ... Merci de votre patiente !
Modérateur
bonjour,

Sans voir ta page en action Smiley smile , ou le code complet correspondant au conteneur en question, je ne peut donc pas tester (de plus je ne suis pas une lumiere en javascript ), mais je peut te proposer d'essayer d'ajouter ceci dans l'entete de ta page :

f<script type="text/javascript"> <!--// [CDATA[
function cachescrollbar() {
document.getElementById("contenu").style.overflow = "hidden"; 
//et (si necessaire)

document.all["contenu"].style.overflow = "hidden";
}
// ]] --> </script>
et dans la balise body:

<body onload="cachescrollbar()">


Maintenant je ne sais pas comment va interagir ton autre script , a prioiri je vise bien la bonne balise ...

++
Modifié par gcyrillus (10 May 2006 - 23:24)
Sujet clos
Aller à