Hello,
je suis en train d'essayer de reproduire l'effet qu'on peut voir sur le site de Deezer :
Deezer, à savoir lorsqu'on fait un scroll vertical la partie du menu en haut qui contient le logo disparaît mais la partie du menu qui contient le lecteur reste bloquée en haut de page.
bref, j'ai essayé en bricolant ce script :
Code Javascript :
window.onscroll = function() {
var scroll = (document.documentElement.scrollTop || document.body.scrollTop);
if(scroll>70){
document.getElementById('bloc').style.top = scroll+'px';
document.getElementById('bloc2').style.top = scroll+'px';
}else if(scroll<70 || scroll == 70){
document.getElementById('bloc').style.top = '70px';
document.getElementById('bloc2').style.top = '70px';
}
}Ca fonctionne bien mais un petit problème me chagrine : la partie que je souhaite bloquer est bien bloquée mais de légers sursauts l'anime et donnent ainsi un rendu qui n'est pas des plus heureux.
Donc si quelqu'un avait une suggestion pour améliorer ma fonction et permettre ainsi d'avoir un rendu propre comme sur le site de Deezer je suis preneur
.
Merci
,
BBFUNK01
//C'est en forgeant qu'on devient forgeron... ;-) ;