Sticky Div nur für Handys/Handys

Question

Auf der Oberseite habe ich zwei Divisionen, und die zweite soll behoben werden, nachdem der Benutzer gescrollt Pass es aber nur auf Handy.

einen Blick auf diese Nehmen Sie zum Beispiel: https://jsfiddle.net/livibetter/HV9HM/

Das ist genau das, was ich zu tun versucht, aber ich will das nur auf dem Handy-Geräte passieren. Auf dem Desktop werden sich die Divisionen anders verhalten. Auf dem Desktop sind zwei Bereiche fest und das ist kein Problem und es funktioniert einwandfrei.

Am Handy habe ich behoben von Division 1 und 2 entfernt und wenn der Benutzer Division 2 passiert, möchte ich es behoben und arbeiten wie in dem oben angegebenen Beispiel gezeigt.

Beispielcodes von Fiddle

function sticky_relocate() { 
    var window_top = $(window).scrollTop(); 
    var div_top = $('#sticky-anchor').offset().top; 
    if (window_top > div_top) { 
     $('#sticky').addClass('stick'); 
     $('#sticky-anchor').height($('#sticky').outerHeight()); 
    } else { 
     $('#sticky').removeClass('stick'); 
     $('#sticky-anchor').height(0); 
    } 
} 

#sticky { 
    padding: 0.5ex; 
    width: 600px; 
    background-color: #333; 
    color: #fff; 
    font-size: 2em; 
    border-radius: 0.5ex; 
} 

#sticky.stick { 
    margin-top: 0 !important; 
    position: fixed; 
    top: 0; 
    z-index: 10000; 
    border-radius: 0 0 0.5em 0.5em; 
} 

body { 
    margin: 1em; 
} 

p { 
    margin: 1em auto; 
} 

Answer 1

Sie können immer die Medienabfrage in der CSS-Seite verwenden diese wie mein Beispiel unten zu erreichen:

@media screen and (max-width: 430px) 
{ 
.cssEntry { 
    background: pink; 
} 
} 

HINWEIS: Sie basteln mit die mobilen Breiten aber generell 430px sind mehr als genug.