Ho visto.
Ovviamente gli eventi scroll non è possibile gestirli da CSS ma ci vuole necessariamente JavaScript.
Se poi vuoi evitare il controllo del viewport dai diversi ambiti, quello che puoi fare è mettere uno sniffing (quindi JavaScript), come detto inizialmente, che vada poi ad impostarti una qualche classe nel caso di mobile. A quel punto tutte le "media query" le andrai a gestire via JavaScript, mentre da CSS vai giusto a "stilizzare" quella determinata classe. Questo a grandi linee, chiaramente è solo un'idea.

[Mod]
Sposto su JavaScript, magari puoi ricevere ulteriori consigli.