28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Actuellement, j'effectue des essais sur mon site.
Voici ma question.
Je voudrai mettre des éléments sur les côtés de mon site (images, textes, etc...), des éléments qui descendent quand on utilise la souris pour aller en bas de page.
On m'a dit que c'était faisable en modifiant un fichier ccs.

Merci pour votre aide.

Cordialement
Bonjour,

Contrairement à ce qui vous a été dit les apparitions d'éléments au scroll de la souris ne sont possibles qu'en javascript.

Exemple avec la lib jQuery (à tester) :
$(window).scroll(function() { // Apparition d'un élément au scroll de la page
	var el = $('.maClasse');
	if ($(this).scrollTop() > 100) { // Valeur en px, à configurer
		el.fadeIn();
	} else {
		el.fadeOut();
	}
});

Edit : correction du code.
Modifié par Olivier C (18 Apr 2016 - 21:09)
Salut,

Olivier, je comprends pas trop le $(this).el() dans ta condition.
Est-ce que le souci de pictogram serait pas un truc de détection de position du scroll par rapport à celle du bloc ?
Typiquement, une comparaison entre le el.offset().top et le $(this).scrollTop().

pictogram, que veux-tu faire exactement ?
MatthieuR a écrit :
Salut,

Olivier, je comprends pas trop le $(this).el() dans ta condition.
Est-ce que le souci de pictogram serait pas un truc de détection de position du scroll par rapport à celle du bloc ?
Typiquement, une comparaison entre le el.offset().top et le $(this).scrollTop().

pictogram, que veux-tu faire exactement ?


Bonjour,

Voila, j'ai un site mais sur les côtés: voir capture, upload/61779-capt.PNG
Sur ces côtés, je voudrai y ajouter des éléments pour agrémenter mon site.
On ma dit que c'était possible en modifiant un fichier sous css.
Puis, je voudrai que ces éléments reste toujours visibles même si on se dirige en bas de page.

Merci à vous.
Cordialement
MatthieuR a écrit :
Olivier, je comprends pas trop le $(this).el() dans ta condition.

Erreur de copier/replacer : il s'agissait de .scrollTop(). Code corrigé.

Mais visiblement ce n'est pas ce que Pictogram cherchait à faire.
Modifié par Olivier C (19 Apr 2016 - 07:21)
En fait tu veux juste réduire ton contenu actuel et insérer une colonne à droite pour ajouter des infos complémentaires, c'est ça ? Tu souhaites également, que ce dernier bloc soit toujours en haut à droite, même quand on scroll, c'est bien ça ?

Si j'ai bien compris, je t'ai fait un exemple : http://codepen.io/korell/pen/zqjgYm?editors=1100.
Donc oui, bien sûr, tu peux faire ça en CSS.
Je te laisse regarder comment c'est fait et revenir des éventuelles questions.
Zelalsan a écrit :
salut,
tu cherches sûrement le positionnement fixe en css.


Bonjour,

Merci pour ton message.
Oui, exactement, quand on se dirige en bas de page, l'élément reste toujours visible (comme certains sites de vente en ligne.

Cordialement Smiley smile