Position de défilement de publication avec jScrollPane

Question

J'ai un menu vertical dans un jScrollPane dans une page ASP.NET. Lorsque l'utilisateur clique sur un choix de menu, il affiche le contenu d'un autre panneau relatif à la sélection. Comment puis-je m'assurer que le choix du menu sélectionné est visible lorsque la page est actualisée.

Answer 1

Je suis moi-même à la recherche de la même solution. Vous pouvez avoir un certain succès avec ma solution temporaire en utilisant l'API scrollToElement. Si vous pouvez localiser l'élément de menu spécifique à l'aide d'un sélecteur jquery, jScroll peut y accéder automatiquement dans le volet de défilement. par exemple

$(window).load(function() 
    {var api=$('#yourMenu').data('jsp'); 
    api.scrollToElement($('.selectedOption')); 
}); 

Cela nécessitera la dernière version de JScrollPane (http://jscrollpane.kelvinluck.com)

Answer 2

Je voulais la même solution et avait découvert, qui n'a pas été beaucoup d'aide.

J'ai fini par le faire fonctionner. La position de la barre de défilement est sauvegardée dans localstorage, puis lorsque la page se charge de nouveau, soit par actualisation, soit par retour d'une autre page, si localstorage a une valeur supérieure à 0 qui représente le haut de la barre de défilement), il défile vers cette position.

var element = $(".scroll-pane").jScrollPane({showArrows:!0}); 
if(void 0 != element) { 
    var api = element.data("jsp"); 
    $(function() { 
    0 < parseInt(localStorage.getItem("ScrollPosition")) && api.scrollToY(parseInt(localStorage.getItem("ScrollPosition"))); 
    $(".scroll-pane").bind("jsp-scroll-y", function(b, a) { 
     localStorage.setItem("ScrollPosition", a) 
    }).jScrollPane() 
    }) 
};