28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je viens solliciter votre aide pour le problème suivant :

Je voudrais que ma div qui est positionnée par rapport à la fenêtre défile quand on scrolle mais UNIQUEMENT lorsque le haut de la fenêtre atteint cette div.
Je ne sais pas si je suis très clair donc voici la page de mon problème : http://plwd.fr/test/quinten909.html

Le div en question étant "Book Me". ll défile dès qu'on scroll mais j'aimerais qu'il défile uniquement quand il est menacé de ne plus être visible.

Voici le code css de ma div: .
    Style11 {
	background-color: #FFFF00;
	position: fixed;
	top: 280px;
	left: 52%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}


J'ai cherché sur bon nombres de forum et sur google mais rien (a part des scripts jquery avec un énorme code mais je n'ai pas vraiment envie d'insérer un script avec un code aussi lourd juste pour ça)

Qu'en pensez-vous?

Merci d'avance.