Page 1 of 2

Move object on scroll over image

Posted: Tue Jun 19, 2018 8:31 am
by Amirul Momenin

How may I move grid cell over image on scroll in ionic app
any link/suggestion


Move object on scroll over image

Posted: Tue Jun 19, 2018 9:16 am
by Serhii Kulibaba

Hello Amirul,

You may display that image on the background using the CSS or change the property "position" for that grid and image


Move object on scroll over image

Posted: Tue Jun 19, 2018 8:02 pm
by Amirul Momenin

any example? https://www.w3schools.com/howto/tryit... I am following this.How may I set image dynamically in ionic app with parallax class


Move object on scroll over image

Posted: Wed Jun 20, 2018 3:14 pm
by Amirul Momenin

Image Image

Why style is empty after rendering
background image is not showing

if i set direct full link without variable working nice
but coming data from database as variable is not working


Move object on scroll over image

Posted: Wed Jun 20, 2018 4:42 pm
by Amirul Momenin

That is not working
ng-style : {'background-image':'url({{Vote.Round.round1image}})'}

But that is working
ng-style : {'background-image':'url(http://humorq.com/images/bd160615.jpg)'}


Move object on scroll over image

Posted: Wed Jun 20, 2018 5:58 pm
by Amirul Momenin

Done in this way
$scope.myStyle = {'background-image':'url('+$scope.Vote.Round.round1image+')'};

https://docs.angularjs.org/api/ng/dir...


Move object on scroll over image

Posted: Thu Jun 21, 2018 11:33 am
by Galyna Abramovych

Amirul,

Glad it works now and thank you for sharing this!


Move object on scroll over image

Posted: Thu Jun 21, 2018 4:01 pm
by Amirul Momenin

Hi that is working nice in Appery
But not working in installed app
how may i set page height?


Move object on scroll over image

Posted: Thu Jun 21, 2018 6:36 pm
by Amirul Momenin

hi in android phone that is not working


Move object on scroll over image

Posted: Fri Jun 22, 2018 6:22 am
by Amirul Momenin

hello
any idea?