Scroll personnalisé
Fermé
mehdilies
Messages postés
28
Date d'inscription
jeudi 25 juin 2009
Statut
Membre
Dernière intervention
9 février 2011
-
10 nov. 2010 à 01:17
lemarcopolo - 2 févr. 2011 à 17:10
lemarcopolo - 2 févr. 2011 à 17:10
A voir également:
- Scroll personnalisé
- Scroll lock ✓ - Forum MacOS
- Votre experience marketplace n'est pas personnalisé ✓ - Forum Facebook
- Qui veut gagner des millions personnalisé powerpoint - Forum Powerpoint
- Icone de bureau personnalisé - Guide
- Logiciel calendrier personnalisé gratuit - Télécharger - Organisation
6 réponses
jjsteing
Messages postés
1669
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
10 nov. 2010 à 08:18
10 nov. 2010 à 08:18
Bonjour,
Un début de réponse ici :
http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript
Google, recherche : php scrollbar personnalisé
Un début de réponse ici :
http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript
Google, recherche : php scrollbar personnalisé
mehdilies
Messages postés
28
Date d'inscription
jeudi 25 juin 2009
Statut
Membre
Dernière intervention
9 février 2011
11 nov. 2010 à 15:01
11 nov. 2010 à 15:01
Bonjour,
Je vous remercie pour votre réponse rapide.
J'ai essayé le code que vous m'avez donné, mais malheureusement, il ne marche pas.
De votre cas, c'est le cas aussi ?
Merci de me confirmer svp.
Je vous remercie pour votre réponse rapide.
J'ai essayé le code que vous m'avez donné, mais malheureusement, il ne marche pas.
De votre cas, c'est le cas aussi ?
Merci de me confirmer svp.
jjsteing
Messages postés
1669
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
11 nov. 2010 à 15:09
11 nov. 2010 à 15:09
Comme je l ai dit. c est un début de réponse.. je n ai pas essayé...
Mais une petite recherche sur google : Scroll bar personalisé ....
Mais une petite recherche sur google : Scroll bar personalisé ....
Bonjour,
Ce script fonctionne très bien (testé avec Google Chrome) :
--------------------------------------------------------------------------------------------------------------------------------
<* Suivez-moi sur FesseS-BouC *>
Ce script fonctionne très bien (testé avec Google Chrome) :
<html>
<head>
<title>• JAVASCRIPT - Test scrollbar personnalisée •</title>
<style type="text/css">
body {background: #c0c0c0;}
div#support {background: #000;}
div#support ul {font-family: arial, sans-serif; font-size: 1em; color: #fff;}
</style>
<script language="javascript" type="text/javascript">
var Timer;
var Pas = 3;
function moveLayer(Sens) {
Objet=document.getElementById("contenu");
if(parseInt(Objet.style.top) + (Pas*Sens)>0) {
clearTimeout(Timer);
} else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support").offsetHeight)) {
clearTimeout(Timer);
} else {
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
}
Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}
</script>
</head>
<body>
<div id="support" style="position:relative; width:150px; height:280px; overflow:hidden; border:1px solid #fff;">
<div id="contenu" style="position:absolute; top:0;">
<ul>
<li>DEBUT</li>
<li>ligne 1</li>
<li>ligne 2</li>
<li>ligne 3</li>
<li>ligne 4</li>
<li>ligne 5</li>
<li>ligne 6</li>
<li>ligne 7</li>
<li>ligne 8</li>
<li>ligne 9</li>
<li>ligne 10</li>
<li>ligne 11</li>
<li>ligne 12</li>
<li>ligne 13</li>
<li>ligne 14</li>
<li>ligne 15</li>
<li>ligne 16</li>
<li>ligne 17</li>
<li>ligne 18</li>
<li>ligne 19</li>
<li>FIN</li>
</ul>
</div>
<div style="background-color:#fff; width:22px; height:280px; position:absolute; right:0; border-left:1px solid #000;">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="http://www.wikistuce.info/lib/exe/fetch.php/javascipt/slideup.png?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0;">
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="http://www.wikistuce.info/lib/exe/fetch.php/javascipt/slidedown.png?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0; bottom:0;">
</div>
</div>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------------------
<* Suivez-moi sur FesseS-BouC *>
mehdilies
Messages postés
28
Date d'inscription
jeudi 25 juin 2009
Statut
Membre
Dernière intervention
9 février 2011
12 nov. 2010 à 12:57
12 nov. 2010 à 12:57
Bonjour,
Merci encore une fois. Maintenant ça marche effectivement.
Si vous le remarquez bien. il n y a pas la barre du milieu sur le scroll. Il y a possibilité de la rajouter facilement ?
merci.
Merci encore une fois. Maintenant ça marche effectivement.
Si vous le remarquez bien. il n y a pas la barre du milieu sur le scroll. Il y a possibilité de la rajouter facilement ?
merci.
Bonjour tout le monde, j'aimerais utiliser ce script mais pour un scrolling horizontale, vous pourries m'aider svp ?
Merci beaucoup :)
Merci beaucoup :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bonjour.
j'ai deja utilisé ce genre de scrooll sur quelque sites.
si vous voulez je peux t'envoyé le code par mail parce que je suis pas un visiteur frequent de ce forum.
voila mon adresse mohamedjalloun87@gmail.com tu me contact et je t'envoie le script avec une explication de la methode d'insertion dans vos pages.
voici un exemple de ce scroll que j'ai deja fais dans un site.
http://www.riadlarabesque.com/restauration.html
a+
j'ai deja utilisé ce genre de scrooll sur quelque sites.
si vous voulez je peux t'envoyé le code par mail parce que je suis pas un visiteur frequent de ce forum.
voila mon adresse mohamedjalloun87@gmail.com tu me contact et je t'envoie le script avec une explication de la methode d'insertion dans vos pages.
voici un exemple de ce scroll que j'ai deja fais dans un site.
http://www.riadlarabesque.com/restauration.html
a+
