Alors voilà, tout est écrit dans le titre. xD
Est-ce possible de rendre une barre de défilement invisible ?

Bonsoir,

Une barre de défilement invisible... Alors comment pourrons-nous lire le texte qui n'est pas visible sans la barre ?
Sérieusement, je comprends pas. Tu peux être plus clair ?

Merry a écrit:

Alors voilà, tout est écrit dans le titre. xD
Est-ce possible de rendre une barre de défilement invisible ?

Ouais enfin devoir se palucher un retour en arrière pour aller lire ton problème c'est assez fatiguant/useless. Bref, les sous-titre sont pas fait pour remplacer le contenu de ton message (qui est ta question). Fais y attention la prochaine fois s'il te plait


Sinon je reprends effectivement la question de Mélone car le fait de faire une barre de défilement invisible me laisse perplexe : en gros tu ne veux pas que les gens voient qu'il y a du contenu caché et qu'il est possible de scroller ?

Certains navigateurs font en sorte de cacher la barre de scroll et de ne l'afficher que lorsqu'on se trouve sur l'élément, mais au final, quand on est sur l'élément on sait que ça peut défiler et qu'il y a quelque chose plus bas (c'est Chrome qui fait ça, et Mac/Safari d'une manière générale).


Pour aller plus loin, je me demande également s'il est possible de manipuler à ce point les barres de défilement. Pour avoir testé dans le passé, il m'avait fallu bricoler moi-même pour simuler une barre de défilement en javascript afin de pouvoir la personnaliser.
Mais c'est long, complexe et pas bien du tout comme pratique. L'esthétisme ne doit pas passer par dessus le côté pratique. Les gens savent que les barres de défilement sont générés par leur navigateur, et ça leur permet de faire quelque chose d'utile et de standardisé : voir ce qu'il y a plus bas/haut/ dans le bloc et qui est caché à l'écran (bloc avec dimensions maximales fixes).

Bref, je remet donc en doute l'intérêt de cela si jamais c'était possible.
Serait-il possible d'avoir le lien vers le forum où tu as vu ça pour constater de visu ce dont tu parles (puisqu'il y a des chances que je ne comprenne pas tout à fait ce que tu veux vraiment faire aussi).


Merci

Ps :c'est Melone est non Mélone

coucou

si je peux me permettre,
Même si Merry ne vient plus chercher la solution, je me dis que votre curiosité à vous deux souhaite toujours voir ça :

sur ce forum : http://perfect.forum-canada.net/
regardez les connectés durant les 99 dernières heures : la scrollbar est invisible et pourtant on peut ... défiler ? je ne connais pas les termes exacts
donc voilà ça existe xD

Quand je clique sur "99 heures" il ne se passe rien du tout '_'

Si, un bloc remplace celui de "Online" et on peut défiler grâce à la roulette de la souris. Malheureusement, je ne vois pas comment faire ça. U.u

Dans ce cas, je crois que mon firefox fait un blocage face à un truc codé de façon douteuse XD J'ai vérifié avec Chrome et effectivement ça marche, et il y a aussi une petite rosace entre les deux onglets qui est invisible sous Firefox (D'après la console web, "ChangeOnglet is not defined" U.U)

Bonjour ! Dans l'exemple que vous avez donné, il y a une table cachée à droite en dehors du cadre principal qui contient

Code:

<div class="contenuqeeluser"></div>

dont voici le style qui appartient au forum mentionné au dessus. Ce div est représenté sur cette page par un le rectangle au coin arrondi avec un fond blanc. Il n'a aucun contenu, pas de texte. On lui a juste défini une largeur et une hauteur.

Code:

.contenuqeeluser {
    background: none repeat scroll 0 0 #F9F8F6; //Definit la couleur de fond
    border: 2px solid #F23338; //bordure 2px
    border-radius: 50px 50px 50px 50px; //coins arrondis
    box-shadow: 2px 1px 7px #000000; //ombre
    height: 230px; // definit la hauteur puisque la balise est vide
    margin-bottom: -50px; //decalage vers le haut
    margin-left: -390px; //decalage vers la gauche
    width: 360px;  //definit la largeur puisque la balise est vide
}

Je reprécise donc que ce div n'est en aucun cas le parent de la liste des membres.

Le div en lui même, est décalé vers l'intérieur du cadre grâce à la propriété margin-left qui a une valeur négative. Ce qui positionne ce div à hauteur du online et du 99 heures et cache la barre de défilement.

Au niveau de la superposition des plans, il semblerait que le scroll et le conteneur soient en arrière plan, que le div dont je viens de vous parler qui doit cacher la barre de défilement soit en second plan, et que les noms des utilisateurs soient au premier plan.

Je vous laisse constater ce que ça donne quand on enlève le margin-left (le div est retourné à sa place et on voit à nouveau la barre de défilement)



Si on veut réellement cacher la barre de défilement, on peut effectivement créer un div en absolu, le déplacer au niveau de la zone qui défile et définir la superposition des plans avec z-index.
Par exemple la zone de défilement serait en z-index:0, le div qui cache serait en z-index: 10 et les liens vers les utilisateurs seraient en z-index: 20. Je n'ai pas testé mais j'imagine que ça pourrait marcher.

Code fictif pour exprimer l'idée...

Code:

div {

position: absolute; //ON SORT LE DIV DU FLUX NORMAL
bottom: aaaaapx; //DECALAGE EN PARTANT DU BAS
right: aaaaapx; //DECALAGE EN PARTANT DE LA DROITE
z-index:10; //DEFINIT LE PLAN SUR LEQUEL IL DOIT ETRE
width:aaaaapx; //LARGEUR
height:aaaaapx; // HAUTEUR
}

Personnellement, je trouve que les deux pratiques sont un peu douteuses mais à mon sens, il vaut mieux éviter de mettre le div dans une nouvelle table afin de le placer directement à droite. C'est purement anti-productif.

En fait, ce qui est super louche dans le codage de la page en question, c'est qu'apparemment le fond est une iframe et qu'on a mis les différents contenus par dessus l'iframe XD On a vu plus simple en matière de codage quoi.

Très courageux de ta part d'avoir creusé le problème, Chinelle, personnellement j'ai vite laissé tomber quand j'ai vu le coup de l'iframe ^^'

Ouhla... J'ai analysé la section du qeel avec firebug et j'avoue que je n'ai même pas vu d'iframe. C'est dire comme c'est fouilli ^^"

Hello !
Pas de réponse de l'intéressée depuis... le début, je considère donc ce sujet comme résolu !
Merci de ta compréhension