Comment faire pour modifier la valeur par défaut scrollspeed,scrollamount,scrollinertia d'une page web
Je suis tring pour modifier la vitesse de défilement par défaut,la quantité et l'inertie d'une page web.Je google un lot,mais en vain
Heureusement,plus tard,à ce jour,j'ai trouvé un plugin qui nous permet de changer le scrollspeed,la quantité,l'inertie SEULEMENT DANS une balise div et pas dans l'ensemble de la page web.
Voici un code de base
$(".I-WILL-APPLY-ONLY HERE").mCustomScrollbar({
set_width:false,
set_height:false,
horizontalScroll:false,
scrollInertia:550,
SCROLLINERTIA:"easeOutCirc",
mouseWheel:"auto",
autoDraggerLength:true,
scrollButtons:{
enable:false,
scrollType:"continuous",
SCROLLSPEED:20,
SCROLLAMOUNT:40
},
advanced:{
updateOnBrowserResize:true,
updateOnContentResize:false,
autoExpandHorizontalScroll:false,
autoScrollOnFocus:true
},
callbacks:{
onScrollStart:function(){},
onScroll:function(){},
onTotalScroll:function(){},
onTotalScrollBack:function(){},
onTotalScrollOffset:0,
whileScrolling:false,
whileScrollingInterval:30
}
});
<div id="I-WILL-APPLY-ONLY HERE" class="I-WILL-APPLY-ONLY HERE">
A basic height in pixels would be defined for this element and any content appearing here will have a different scrollspeed,inertia.Mentioning heignt of this div element is compulsary,else i wont show the output </div>
Le problème est que je veux pour l'ensemble de la page et non pas simplement à l'intérieur d'un particulier élément div.Toute aide serait appréciée.Merci de m'aider
Merci d'avance
qu'entendez-vous par "montant et l'inertie"
Faites défiler ici,manos.malihu.gr/tuts/custom-scrollbar-plugin/... C'est l'inertie. Scrollamount est la quantité/%/pixels défiler à chaque fois u de défilement. Plus le montant de défilement,plus u de défilement(il y a une mince ligne de la différence entre scrollamount et la vitesse de défilement)
je ne peux pas vraiment expliquer ce que l'inertie signifie exactement,........voici un exemple loisjeans.com/web2012/es Quand u de défilement,la page défile,les éléments se déplacer vers le haut et arrêter lentement .
Faites défiler ici,manos.malihu.gr/tuts/custom-scrollbar-plugin/... C'est l'inertie. Scrollamount est la quantité/%/pixels défiler à chaque fois u de défilement. Plus le montant de défilement,plus u de défilement(il y a une mince ligne de la différence entre scrollamount et la vitesse de défilement)
je ne peux pas vraiment expliquer ce que l'inertie signifie exactement,........voici un exemple loisjeans.com/web2012/es Quand u de défilement,la page défile,les éléments se déplacer vers le haut et arrêter lentement .
OriginalL'auteur Rahul Shah | 2013-01-20
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser jQuery pour faire ça,
prendre un coup d'oeil dans mon violon: http://jsfiddle.net/promatik/NFk2L/
Vous pouvez ajouter un écouteur d'événement de l'événement scroll, sachez que vous pouvez vous opposer à l'action par Défaut de les faire défiler ...
if (event.preventDefault) event.preventDefault();
Puis le gestionnaire de cet événement, à l'aide de jQuery animate, va effectuer le défilement ...
Vous pouvez définir le temps, la distance (et vous pouvez également ajouter un assouplissement de la méthode), voir l'exemple complet dans le violon
OriginalL'auteur Toni Almeida
Pourquoi ne pas envelopper votre code HTML dans un div conteneur et la cible qu', comme ceci:
Alors la cible de votre classe de conteneur dans le jQuery:
Dans votre code HTML: '<div class="container"> <div id="je-VAIS-APPLIQUER UNIQUEMENT ICI" class="je-VAIS-APPLIQUER UNIQUEMENT ICI"></div> </div>', alors la cible que dans le jQuery $(".conteneur")
Il serait préférable de modifier votre réponse, au lieu d'utiliser un commentaire. Donc, vous êtes en mesure d'utiliser (code) de mise en forme.
C'est exactement ce que je ne veux pas. je le veux pour l'ensemble de la page et non pas pour un élément particulier.
Mais (comme je l'essaie, et, évidemment, à défaut de le dire!) si vous avez enveloppé vos page entière dans le div conteneur, qui ferait l'affaire.
OriginalL'auteur Calum Gunn
Mes adapter à lisser sur l'élément
de travail: Codepen
OriginalL'auteur Hermann Pessoa