[RÉSOLU] CSS et JS dans le head ?
2 participants
Page 1 sur 1
[RÉSOLU] CSS et JS dans le head ?
Hello tout le monde !
Mon premier message sur le forum, c'est tout ému que je vous pose cette question
J'ai ajouté quelques petits éléments de style dans le head. Et là j'ai besoin (ou envie au moins !) d'ajouter du JS (pour avoir un scroll "doux" sur mes ancres).
J'ai donc dans mon head :
<style type="text/css">
/*<![CDATA[*/
des petits trucs pour pimper tout ça
/*]]>*/
</style>
Mais je dois maintenant ajouter mon fameux script :
<script type="text/javascript">
//<![CDATA[
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
//]]>
</script>
Comment peut-on avoir les 2 qui se suivent ?
En vous remerciant par avance de votre précieuse aide !
Mon premier message sur le forum, c'est tout ému que je vous pose cette question
J'ai ajouté quelques petits éléments de style dans le head. Et là j'ai besoin (ou envie au moins !) d'ajouter du JS (pour avoir un scroll "doux" sur mes ancres).
J'ai donc dans mon head :
<style type="text/css">
/*<![CDATA[*/
des petits trucs pour pimper tout ça
/*]]>*/
</style>
Mais je dois maintenant ajouter mon fameux script :
<script type="text/javascript">
//<![CDATA[
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
//]]>
</script>
Comment peut-on avoir les 2 qui se suivent ?
En vous remerciant par avance de votre précieuse aide !
Dernière édition par MathieuMathieu le Lun 20 Nov 2017 - 20:55, édité 1 fois
Re: [RÉSOLU] CSS et JS dans le head ?
En premier avant le css
explications ici : https://aide.jimdo.com/aller-plus-loin-avec-jimdo/smooth-scrolling/
explications ici : https://aide.jimdo.com/aller-plus-loin-avec-jimdo/smooth-scrolling/
Re: [RÉSOLU] CSS et JS dans le head ?
Oups... je n'avais trouvé que le support en anglais sur cette partie là !
Merci
Merci
Sujets similaires
» Ajout de commentaire dans le head
» [RESOLU] CSS menu web et CSS menu mobile dans le head
» [Résolu] FORUM: Ajout de la balise RÉSOLU dans son propre topic
» Modifier dans le head
» [Résolu] Police personnalisée dans le header
» [RESOLU] CSS menu web et CSS menu mobile dans le head
» [Résolu] FORUM: Ajout de la balise RÉSOLU dans son propre topic
» Modifier dans le head
» [Résolu] Police personnalisée dans le header
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|