Appliquer l’attribut css position: fixed seulement sur un navigateur compatible par détection javascript
- 29-06-2010
- Posté dans css . Javascript . Mobiles - Smartphones
- Écrire un commentaire
L'attribut css position: fixed n'est pas connus de tous les navigateurs (notamment les smartphones et IE6).
Donc si l'on souhaite positionner un élément en fixed seulement sur les navigateurs compatibles, il faudra les détecter.
Voici un script, qui oublie des navigateurs, mais où on est sûr que si on met en fixed le navigateur saura l'interpréter :
function badBrowser(){
if($.browser.msie && parseInt($.browser.version) >= 7){ return false;} //IE >= 7
if($.browser.opera && ($.browser.version *10) >= 98 && !(navigator.userAgent.match(/Opera Mini/i))) { return false;} //Opera >= 9.8
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
var ffversion=new Number(RegExp.$1);
if (ffversion >= 3) { return false;}} //Firefox >= 3.0
if ($.browser.safari && $.browser.version.split('.')[0] >= "530" && !(navigator.userAgent.match(/Mobile/i))){return false;} // Safari >= 4 ou Google Chrome >= 4
return true;
};
if (!(badBrowser()))
$("#footer").css({
position: "fixed",
bottom: 0,
left: 0
});

Il n'y a pas encore de commentaire.