Utilisation du plugin scrollTo
Salut, je souhaiterais utiliser le plugin jquery scrollTo dans un site dont vous verrez ma version de travail ici : http://adulte-adulte.fr/GM
Je n'appelle le plugin que par le lien "collection" pour l'instant et je souhaiterais donc accéder à la div en question par un scroll.
Voici les scripts installés dans le head :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <script type="text/javascript" src="scripts/lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.scrollTo-1.4.2-min.js"></script>
<script type='text/javascript' src='scripts/init.js'></script>
<script type="text/javascript">
jQuery(function( $ ){
var $paneTarget = $('#pane-target');
$('#dom-element').click(function(){
var target = $paneTarget.find('ul').get(0).childNodes[20];
$paneTarget.stop().scrollTo( target, 800 );
});
$.easing.elasout = function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
};
$('#absolute-position-hash').click(function(){
$paneTarget.stop().scrollTo( {top:'5808px',left:'2648px'}, 800 );
});
$('div.pane').scrollTo( 0 );
// Reset the screen to (0,0)
$.scrollTo( 0 );
});
</script> |
Puis le lien en question dans le body :
Code:
<a href="#COLLECTION" id="absolute-position-hash">C O L L E C T I O N</a>
Si quelqu'un pouvait trouver le temps de voir ce qui cloche là dedans ça me rendrait un grand service.
Merci
