$html.addClass('header-fixed'); | Problem mit JS
Liebes Forum,
ich habe ein Template, welches auf <html> bei scroll eine klasse setzt.
Das ganz sieht im Code so aus:
HTML-Code:
$(document).ready(function(){
// header scroll behaviour
(function() {
var $html = $('html');
var $headerMain = $('.jsHeaderMain');
var $headerMainSpacer = $('.jsHeaderMainSpacer');
if (!$headerMain.length) return;
var setFixed =
$headerMainSpacer.offset().top + ($headerMainSpacer.outerHeight() / 2);
var handleFixedHeader = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop >= setFixed) {
$html.addClass('header-fixed');
} else {
$html.removeClass('header-fixed');
}
};
handleFixedHeader();
$(window).on("scroll", function(){
handleFixedHeader();
});
})();
---> Kann mir jemand sagen, wie ich das JS erweitere, dass es die Klasse bei < 768px setzt?
Ich bin was JS angeht leider totaler Anfänger.
Vielen Dank schonmal im Voraus!