Bonjour,

je débute le javascript et j'ai 2 soucis avec une fonction.

J'aimerais lors d'un scrolldown de 50px minimum réduire la hauteur de mon nav en mettant son padding à 0, et lorsque la largeur de la fenêtre est inférieure à 1300px laisser un padding-top de 10px.
Le code contenu dans le else fonctionne bien si je n'utilise que celui-ci mais lorsque je veux ajuster la fonction pour les largeurs de fenêtre inférieures à 1300px cela ne fonctionne pas et je ne vois pas l'erreur

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
window.onscroll = function(){
  navScroll()
};
 
function navScroll() {
    if (window.innerWidth < 1300) && (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50){
        document.querySelector('nav').style.padding = '10px 0 0 0';
      }
    } 
    else{
        if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50){
            document.querySelector('nav').style.padding = '0';
        }
    }
Quelqu'un saurait me dire d'où provient l'erreur ?

Cordialement