[RESOLU] scroll vertical

Eléphanteau du PHP | 10 Messages

13 déc. 2019, 15:48

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);
}

Mammouth du PHP | 1967 Messages

13 déc. 2019, 22:28

il faut lui donner une largeur (width) défini à ton conteneur. avec 100% tu prends tout la largeur de l'écran,
Spols
pour les fan de rubik's cube ou pour les curieux ==> le portail francophone du rubik's cube

Eléphanteau du PHP | 10 Messages

16 déc. 2019, 10:28

mais si je lui définis un width il ne sera plus responsive non ?

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

Mammouth du PHP | 1967 Messages

16 déc. 2019, 11:10

si tu veux pouvoir scroller vers la droite tu ne sera plus responsive

tu peux aussi avoir un width en pourcent supérieur à 100
Spols
pour les fan de rubik's cube ou pour les curieux ==> le portail francophone du rubik's cube

Eléphanteau du PHP | 10 Messages

16 déc. 2019, 11:41

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.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

16 déc. 2019, 12:25

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.
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 10 Messages

16 déc. 2019, 17:30

c'est bon je l'ai juste mis dans une <table> avec que des colonne et voila