Scroller en bas et y rester
thierryR51
Messages postés
139
Date d'inscription
Statut
Membre
Dernière intervention
-
thierryR51 Messages postés 139 Date d'inscription Statut Membre Dernière intervention -
thierryR51 Messages postés 139 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Dans mon application j'affiche un formulaire et une liste en dessous.
Cette liste à longueur variable fonctionne de 2 façons.
Si elle est plus longue que la taille de l'écran, je lui adjoins un scroll.
Mais à chaque chargement le scroll se trouve au top c'est à dire en haut. Je le voudrais tout en bas.
J'ai essayé en JS:
Au mieux si j'accroche cette fonction au bouton "valider" je vois bien le scroll en bas, mais il remonte aussitôt.
A mon avis il y a un détail que je ne dois pas connaître. Si quelqu'un peut m'aider.... Merci.
**Modifié par la modération pour une lecture plus facile du code, à l'avenir utilisez les balises, VOIR CETTE PAGE
Dans mon application j'affiche un formulaire et une liste en dessous.
Cette liste à longueur variable fonctionne de 2 façons.
Si elle est plus longue que la taille de l'écran, je lui adjoins un scroll.
<div id="list-container" style=" overflow:auto;width:100% ; height:<?php print $Hscreen?>px ; border: #000000 1px solid;">
Mais à chaque chargement le scroll se trouve au top c'est à dire en haut. Je le voudrais tout en bas.
J'ai essayé en JS:
function scroll_bas() {
var LG = document.getElementById("list-container");
LG.scrollTop = LG.scrollHeight;
}
Au mieux si j'accroche cette fonction au bouton "valider" je vois bien le scroll en bas, mais il remonte aussitôt.
A mon avis il y a un détail que je ne dois pas connaître. Si quelqu'un peut m'aider.... Merci.
Configuration: Fedora sur
**Modifié par la modération pour une lecture plus facile du code, à l'avenir utilisez les balises, VOIR CETTE PAGE
A voir également:
- Scroller vers le bas
- Windows 7 vers windows 10 - Accueil - Mise à jour
- Flèche vers le bas clavier ✓ - Forum Clavier
- Clavier qwerty vers azerty - Guide
- Barre en bas ✓ - Forum PC portable
- Virginie organise un rallye avec 30 équipes. elle veut créer un code pour désigner chaque équipe. elle a commencé à la main, mais elle voudrait le faire calculer à l'aide d'une formule. proposez une formule comportant une seule fonction et à recopier vers le bas dans la colonne a du fichier à télécharger. quelle formule sera en a9 ? ✓ - Forum Excel
3 réponses
Bonsoir,
vous pouvez créer une ancre nommée dans la page et indiquée celle ci dans le lien.
https://www.alsacreations.com/astuce/lire/5-lien-precis-page-ancre-anchor-diese.html
Le truc c'est que ce n'est pas naturel pour l'utilisateur donc dans le principe à éviter.
"Au mieux si j'accroche cette fonction au bouton "valider" je vois bien le scroll en bas, mais il remonte aussitôt. "
Un formulaire recharge la page ou renvoie vers une autre. Essayez la méthode indiquée (si vos êtes en GET) en indiquant action='mapage.html#basdepage' dans le formulaire
On peut aussi changer le submit en un boutton <input type='button' ce qui empêche la validation du formulaire et donc l'envoi des données. Il faudra donc récupérer chaque champ 'manuellement' dans le script.
Sinon si vos avez un traitement en PHP vous pouvez utiliser la méthode que j'ai indiquée en premier lors de la redirection vers la page.
vous pouvez créer une ancre nommée dans la page et indiquée celle ci dans le lien.
https://www.alsacreations.com/astuce/lire/5-lien-precis-page-ancre-anchor-diese.html
Le truc c'est que ce n'est pas naturel pour l'utilisateur donc dans le principe à éviter.
...reste de la page <p id='basdepage'></p> <!--Puis indiquez votre lien comme ceci: --> mapage.html#basdepage
"Au mieux si j'accroche cette fonction au bouton "valider" je vois bien le scroll en bas, mais il remonte aussitôt. "
Un formulaire recharge la page ou renvoie vers une autre. Essayez la méthode indiquée (si vos êtes en GET) en indiquant action='mapage.html#basdepage' dans le formulaire
On peut aussi changer le submit en un boutton <input type='button' ce qui empêche la validation du formulaire et donc l'envoi des données. Il faudra donc récupérer chaque champ 'manuellement' dans le script.
Sinon si vos avez un traitement en PHP vous pouvez utiliser la méthode que j'ai indiquée en premier lors de la redirection vers la page.
