J'essaie de démarrer un chargement automatique de page à la volée pour une implémentation jscrollpane. La raison en est d'utiliser les liens d'ancrage pour faire défiler les éléments dans la zone du volet quand il y a beaucoup de contenu semble gâcher le calcul de la hauteur de défilement.jscrollpane Défilement automatique lors du chargement du document?
Exemple ici: http://sunlight.pixelalchemy.com.au/tiltrak
(après chargement de la page cliquez sur le lien plus bas « poids Bottom » et vous verrez le problème)
Si vous utilisez le défilement manuel (faites glisser la barre bleue) premier. Ensuite, utilisez les liens cela fonctionne bien. J'essaie donc de faire défiler automatiquement le chargement de la page vers un élément en haut pour imiter ce qui semble fonctionner comme une solution. (À l'aide autoReinitialise ne semble pas fonctionner pour moi)
Ce site semble faire un défilement automatique à un élément de classe que j'ai essayé de reproduire sur le site, je travaille sur: http://onomadesign.com/wordpress/identity-design/china-packaging-corporation/
Mon sur code de la page pour ce faire est:
$(function()
{
// Set up #pane4 and the links which scrollTo elements within it
var $pane4 = $('#contentPanel');
$pane4.jScrollPane({animateTo:true});
$pane4.scrollTo('.productInfo');
$('a.scroll-to-element-demo').bind(
'click',
function()
{
var targetElementSelectorString = $(this).attr('rel');
$pane4[0].scrollTo(targetElementSelectorString);
return false;
}
);
});
//left content panel slide in to appear on document ready
$(document).ready(function() {
$("#mainContent").animate({"right": "+=673px"}, "3000");
});
J'ai aussi essayé d'ajouter ceci au sur le document partie prêt (au bas de la js page):
$("#mainContent").scrollTo('.productInfo');
Aucun des deux ne semblent wo rk.
S'il vous plaît, je suis un débutant à jQuery qui a vraiment essayé de trier celui-ci et y a passé beaucoup de temps, donc toute aide sur ce que je serais vraiment heureux de recevoir.