Existe-t-il un moyen de conserver la position de défilement div lors d'une publication, sans utiliser asp? Jusqu'à présent, j'ai seulement trouvé des solutions en utilisant asp.Conserver la position de défilement div lors de la publication avec html/javascript
0
A
Répondre
0
http://blogs.x2line.com/al/articles/156.aspx
<!doctype html>
<html>
<head>
<title></title>
<script language="javascript">
// function saves scroll position
function fScroll(val)
{
var hidScroll = document.getElementById('hidScroll');
hidScroll.value = val.scrollTop;
}
// function moves scroll position to saved value
function fScrollMove(what)
{
var hidScroll = document.getElementById('hidScroll');
document.getElementById(what).scrollTop = hidScroll.value;
}
</script>
</head>
<body onload="fScrollMove('div_scroll');" onunload="document.forms(0).submit()";>
<form>
<input type="text" id="hidScroll" name="a"><br>
<div id="div_scroll" onscroll="fScroll(this);" style="overflow:auto;height:100px;width:100px;">
.. VERY LONG TEXT GOES HERE
</div>
</form>
</body>
</html>
0
Peut-être que ce code javascript fonctionne pour vous
function loadScroll()
{
var m = /[&?]qs\=(\d+)/.exec (document.location);
if (m != null)
myDiv.scrollTop = parseInt (m[1]);
}
function saveScroll()
{
var form = document.getElementById ("myForm");
var sep = (form.action.indexOf ("?") == -1) ? "?" : "&";
form.action += sep + "qs=" + myDiv.scrollTop;
}
Maintenant, vous pouvez regarder l'événement "soumettre" pour enregistrer la position dans l'attribut "action":
document.getElementById ("myForm").addEventListener ("submit", saveScroll, false);
Et dans votre balise BODY ...
<body onload="loadScroll();">
....
</body>
Je ne peux pas tester le code maintenant, mais je pense que vous avez l'idée.
Questions connexes
- 1. Conserver la position de défilement dans IE
- 2. Position de défilement de publication avec jScrollPane
- 3. Conserver la position div divisible
- 4. ASP.NET MVC3 Razor - Maintenir la position de défilement lors de la publication
- 5. Conserver la position de la barre de défilement lors du rechargement de la page
- 6. Conserver la position horizontale et verticale de ScrollPosition lors de la publication dans ASP.NET
- 7. Utilisation de JS pour maintenir la position de défilement d'un DIV lors de la publication ... Besoin d'aide
- 8. jquery div position de défilement
- 9. Conserver la position de défilement ScrollView pour le contenu dynamique
- 10. Comment conserver la position de défilement horizontal de jqGrid lors de l'édition en ligne?
- 11. Défilement sur la position fixe div
- 12. Conserver la position de div avec le même débordement lors du redimensionnement?
- 13. Conserver la position de défilement après la publication asynchrone à partir du panneau de mise à jour
- 14. Persistance de la position de défilement de DIV pendant l'impression
- 15. ASP.NET Maintenir la position de défilement après la publication dans la liste de données div et le contrôle utilisateur
- 16. Comment conserver la position de défilement dans la boîte de dialogue SimpleModal
- 17. mémorisation de la position de défilement
- 18. Maintenir la position de défilement pour un div basé sur la position de la barre de défilement
- 19. Conserver la position de la page postback
- 20. Conserver le canevas dans la même position pendant le défilement
- 21. Div avec barre de défilement à l'intérieur div avec la position: fixe
- 22. Comment conserver la position de la barre de défilement toujours en haut de la vue?
- 23. Vitesse de défilement avec la position de la souris
- 24. Continuer à afficher la div visible lors de la publication
- 25. Les DIV qui connaissent leur position ou la position de défilement de la fenêtre?
- 26. fixation div en haut de la page lors du défilement
- 27. Maintenir la position de défilement lors de l'ouverture jquery dialogue
- 28. Conserver la position de défilement lors de la mise à jour de ItemSource d'une grille de données Silverlight
- 29. Puis-je conserver la position de défilement de textarea après avoir modifié le texte avec javascript?
- 30. Comment conserver la position de défilement lorsque vous désactivez le défilement
J'ai essayé de configurer son exemple en le remplissant de lipsum, et ça ne semble pas fonctionner. Les commentaires sur la page source ne semblent pas trop prometteurs non plus. Est-ce que tu l'as essayé? – ostrgard