Page 1 sur 1

scroll vertical

Posté : 13 déc. 2019, 15:48
par Nazim13013
Bonjour, j'aimerais faire en sorte que lorsque mes données dépassent la zone en vertical elle continue et pour y accéder on scroll vers la droite

Difficile d'être claire sans screen, mais étant nouveau je ne trouve pas comment faire.

Voici les bouts de code pris en compte :
<footer >
        <a href="TablePublic.php" class="bouton2">1</a>  
        <a href="TablePublic-2.php" class="bouton2_grey">🔒</a> 
        <a href="TablePublic-3.php" class="bouton2_grey">🔒</a>
        <a href="TablePublic-4.php" class="bouton2_grey">🔒</a>
        <a href="TablePublic-4.php" class="bouton2_grey">🔒</a>
        <a href="TablePublic-4.php" class="bouton2_grey">🔒</a>
</footer>
footer {
    position: fixed;
    padding-top: 2%;
    padding-bottom:2%;
    overflow-y: scroll;
    left:0;
    Bottom : 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background:linear-gradient(#06046e, #010431);
}

Re: scroll vertical

Posté : 13 déc. 2019, 22:28
par Spols
il faut lui donner une largeur (width) défini à ton conteneur. avec 100% tu prends tout la largeur de l'écran,

Re: scroll vertical

Posté : 16 déc. 2019, 10:28
par Nazim13013
mais si je lui définis un width il ne sera plus responsive non ?

(merci pour toute l'aide apporter dans mes 2 topic)

Re: scroll vertical

Posté : 16 déc. 2019, 11:10
par Spols
si tu veux pouvoir scroller vers la droite tu ne sera plus responsive

tu peux aussi avoir un width en pourcent supérieur à 100

Re: scroll vertical

Posté : 16 déc. 2019, 11:41
par Nazim13013
J'aimerais pouvoir mettre des screen de mon site pour que vous compreniez mieux ce que j'aimerais faire, c'est possible si vous n'êtes pas trop occupé de m'aider ? Merci d'avance.

Re: scroll vertical

Posté : 16 déc. 2019, 12:25
par @rthur
Le plus simple c'est de faire un container (un div) avec une largeur fixée et la propriété CSS overflow-x:scroll
https://developer.mozilla.org/fr/docs/W ... overflow-x

Ou sinon tu peux aussi utiliser une librairie javascript qui te permet de faire un slider/slideshow si tu veux quelque chose de plus abouti.

Re: scroll vertical

Posté : 16 déc. 2019, 17:30
par Nazim13013
c'est bon je l'ai juste mis dans une <table> avec que des colonne et voila