Quelle est l'utilité d'un plugin tel que ScrollTo

**geforce** · 25/08/2010, 13h15

Ok, Merci pour l'exemple il est très instructif.

vue que je suis un débutant en JQuery
je me demandé quel est l'utiliser d'un plugin (ScrollTo) s'il est aussi facile de réalisée son équivalent ?

Exemple d'un équivalente à ScrollTo :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<meta name="description" content="Page type">
	<title>Page type</title>
	<style>
		/* BASE */
		body {
			background-color:#ffffff;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}		
 
		/* TEST */
		#contenu1 {
			width:400px;
			height:auto;
			margin-top:1200px;
			padding:6px;
			background-color:whiteSmoke;
			border:2px solid red;
		}
		#contenu2 {
			width:400px;
			height:auto;
			margin-top:2400px;
			padding:6px;
			background-color:whiteSmoke;
			border:2px solid green;
		}
		p.top {
			color:blue;
			font-size:2em;
		}
	</style>
	<script charset="utf-8" src="../lib/jqueryui/js/jquery-1.4.2.min.js"></script>	
 	<script>
		$(function(){
			$("#titre1").click(function(){
				$("html, body").animate({scrollTop: $("#contenu1").offset().top}, 3000);
			});
 
			$("#titre2").click(function(){
				$("html, body").animate({scrollTop: $("#contenu2").offset().top}, 3000);
			});
 
			$("p.top").click(function(){
				$("html, body").animate({scrollTop: "0px"}, 3000);
			});
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<h1 id="titre1">Titre un</h1>
		<h1 id="titre2">Titre deux</h1>
		<div id="contenu1">
			<p>Un mot pour remplir</p>
			<p class="top">Monter</p>
		</div>		
		<div id="contenu2">
			<p>Un mot pour remplir</p>
			<p class="top">Monter</p>
		</div>		
	</div>
</body>  
</html>

Quel sont les avantage d'utilisé un plugin (tel que ScrollTo) ? (vu qu'il est plus difficile à mettre en place)

Cordialement
GeForce

**danielhagnoul** · 06/09/2010, 02h14

Bonsoir

Votre question n'est plus du domaine technique, la réponse sera donc variable en fonction de chacun et des motivations de chacun.

Il existe une foule de plug-ins sur une foule de choses, n'importe qui peut en écrire un et le proposer sur le web..

Sortis du contexte de leur création, la plupart ne sont plus d'une grande utilité et quelques-uns sont indispensables.

L'expérience venant vous écrirez les vôtres et les proposerez aux autres qui les trouveront utiles ou non.

J'ai également publié quelques un des plug-ins que j'ai écrits, j'ignore qui les utilisent et qui les trouvent idiots.

Quelle est l'utilité d'un plugin tel que ScrollTo

jQuery

Discussions similaires

Partager

Partager