jQuery-Skript wird nicht aktiviert

Ich habe dieses jQuery-Skript erstellt. Sein Zweck besteht darin, eine Klasse zu <body> hinzuzufügen, wenn der Körper um einen bestimmten Betrag gescrollt wird. Bei scroll passiert jedoch nichts. Die DOM-Konsole zeigt keine Fehlermeldungen an. Ich bin ein vollständiger Javascript-Neuling, also wäre ich nicht überrascht, wenn das Problem ein einfacher Markup-Fehler ist. Jede Hilfe wird geschätzt.jQuery-Skript wird nicht aktiviert

jQuery(document).ready(function() { 
 
\t if ((window.screen.width/window.screen.height) >= 1.33){ 
 
    $(document.body).on('scroll', function(e) { 
 
if ($(this).scrollTop() > 200) { 
 
     $(document.body).addClass('fix'); 
 
    } else { 
 
\t $(document.body).removeClass('fix'); 
 
    } 
 

 
    }); 
 
}; 
 
});

body{ 
 
    height:200vh; 
 
    background-color:blue; 
 
} 
 
.fix{ 
 
    background-color:red; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Quelle

2017-01-15 student42

Sie Ereignis hören auf window

blättern Versuchen

jQuery(document).ready(function() { 
    if ((window.screen.width/window.screen.height) >= 1.33) { 
    $(window).on('scroll', function(e) { 
     if ($(this).scrollTop() > 200) { 
     $('body').addClass('fix'); 
     } else { 
     $('body').removeClass('fix'); 
     } 

    }); 
    }; 
});

Quelle

2017-01-15 00:19:41 charlietfl

jQuery-Skript wird nicht aktiviert

Antwort

Verwandte Themen