Scroller en bas et y rester
thierryR51
Messages postés
144
Statut
Membre
-
thierryR51 Messages postés 144 Statut Membre -
thierryR51 Messages postés 144 Statut Membre -
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
- Flèche vers le bas clavier ✓ - Forum Clavier
- Windows 7 vers windows 10 - Accueil - Mise à jour
- Clavier qwerty vers azerty - Guide
- En copiant la cellule a1 vers le bas - Forum Excel
- 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.
