Săptămâna trecută am avut un fel de obsesie, vorba cântecului, cu position:sticky. Voiam ca partea din dreapta a blogului să rămână vizibilă tot timpul, indiferent dacă cel ce citește un articol este în partea de sus sau în partea de jos a paginii web.
Din ce m-am documentat, treaba asta se poate face folosind CSS. Proprietatea pe care am scris-o mai sus, urmată de un top: 10px ar fi suficientă.
Versiunile mai vechi de navigatoare, însă, nu știu de sticky. Pentru ele am avut nevoie de jQuery. Cum nu am vrut ca scriptul de jQuery să se încarce și pe mobil, l-am adăugat într-un alt javascript care verifică rezoluția.
<script>
if(screen.width>1000) {
document.write('<scr' + 'ipt src="https://vasileruscior.ro/wp-content/min/jquery-3.3.1.min.js"></scr' + 'ipt><scr' + 'ipt src="https://vasileruscior.ro/wp-content/min/jquery-migrate-3.0.0.min.js"></scr' + 'ipt>');
}
</script>
Acum nu știu dacă asta e cea mai bună variantă pentru a pune jQuery doar pentru rezoluții mari, însă nici nu am altă versiune.
Dacă ai tu o versiune mai bună, scrie-mi un comentariu.
Momentan, am renunțat la ideea de sidebar sticky. Poate voi reveni la ea în viitor.
Folosește funcția nativă WordPress wp_is_mobile()
Iar pentru cache, bănuiesc că ar trebui versiune separată pentru mobil.
Dacă folosești WP Super Cache doar bifezi partea de mobil și face singur pluginul treaba.