Css transition petite question

bonjour,

j'essaie de modifier une valeur de transition de mon site wordpress pour faire apparaitre une fenêtre vers le milieu de la page. J'ai pu voir où régler la valeur pour que la fenêtre soit au milieu de la page, mais en revanche je dois quand même attendre que le scroll atteigne la fin pour que celle-ci apparaisse, ce que je ne veux pas. Pourriez vous me dire s'il-vous-plaît quelle valeur régler pour que cette fenêtre apparaisse au moment où le scroll est au milieu de page ? merci beaucoup et bonne journée.

lien de test: http://echosduhiphop.com/test/?p=20264

le code css:

/* Slide dock */
.slide-dock {
	position:fixed; 
	bottom:600px; 
	right:-361px; 
	width:330px;
	background:#eeeff0; 
	border:1px solid #000;
	border-right-color:#fff; 
	border-left-width:30px;
	z-index:999;
	
	transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
}

.slide-dock-on {
	transform:translate(-360px,0);
    -webkit-transform:translate(-360px,0);
    -o-transform:translate(-360px,0);
    -moz-transform:translate(-360px,0);
}

.slide-dock-off {
	transform:translate(360px,0);
    -webkit-transform:translate(360px,0);
    -o-transform:translate(360px,0);
    -moz-transform:translate(360px,0);
}

.no-csstransforms .slide-dock-on 	{right:0;}
.no-csstransforms .slide-dock-off 	{display:none;}

.close-dock {
	position:absolute;
	top:16px;
	left:-24px;
	display:block;
	color:#fff;
	font-size:20px;
	text-decoration:none;	
}

.slide-dock h3 {
	padding:20px 0 0;	
}

.slide-dock .entries {
	padding:0 30px 0;
	font-size:80%;	
}

.slide-dock article {
	
}

J'aimerais bien t'aider, il faudrait déjà que je comprenne ce que tu désigne avec le terme "fenêtre".

Bonjour.

Il semblerait que se soit plutôt une valeur en JS qu'il faille modifier. Puisqu'il s'agit d'une classe qui est ajoutée sur ton bloc pour qu'en CSS il apparaisse.