.scrollto nur auf dem Desktop mit Offset

Question

Also nach ein paar Sachen bin ich auf ein paar Posts gestoßen und habe herausgefunden, dass dieser Code für mich funktionierte, um automatisch zum gewünschten Ort zu scrollen, sobald ich ihn angeklickt habe. Aber auf Mobilgeräten brauche ich den Offset nicht, deshalb möchte ich, dass er entfernt wird. (Grundsätzlich werden Medienabfragen in Javascript benötigt).

$('.show-more').on('click', function() { 
    $.scrollTo($('#scrollto_shortcut'), { 
    duration: 0, 
    offset: -60 
     //Only -60 on desktop with max-width is 1006px, on mobile no offset 
    }); 
}); 

Können Sie mir helfen?

Answer 1

Detect isMobile dann gesetzt, wenn eine Abkürzung else-Anweisung für offset

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 
$('.show-more').on('click', function() { 
    $.scrollTo($('#scrollto_shortcut'), { 
     duration: 0, 
     offset: !isMobile ? -60 : 0 
    }); 
});