Défilement d'éléments dans une div derrière une image

Bonsoir à tous
Je suis en train de développer une petite application sur mon smartphone pour un semblant de domotique.
je souhaite faire défiler les éléments derrière l'image mais sans qu'ils apparaissent sur le haut de l'image car elle a une margin-top de 10px.
Lors du scroll les éléments passent bien derrière l'image mais arrivée en haut je vois le haut des controles.
les deux images jointes sont je pense parlantes.
Côté css je n'ai juste mis qu'une position:fixed sur la div contenant l'image.
Le reste je cale un peu.
Je voudrai aussi si possible que ascenseur vertical ne se voit pas lors du défilement.
En tout cas merci pour votre aide.
Bonne soirée à tous
Oldchap

Salut !

Si ton fond est uni comme sur les screenshots (noir) tu peux trick un peu en mettant un fond ou meme une ombre vers le haut sur ton images. Ca viendra masquer le petit espace au dessus de l'image.

Salut,

Un petit retour ? Tu as réussi ?

Bonne journée

Bonsoir _Laurent
Mille excuses pour mon silence.
Je me suis plutôt focalisé sur le code fonctionnel plutôt que sur le design.
J'avais regardé ta solution, le problème c'est que l'image a les bords arrondis et je pense que les contrôles seront visibles dans cette partie haute.
Je reviendrai sur le forum si j'ai une autre solution.
En cas encore merci pour ton aide
Oldchap

Salut !
Pas de soucis merci pour le retour hésites pas