Parallax Section Question

3 replies · opened Nov 23, 2020

SstookyNov 23, 2020

hallo semicolon-team

same project next question ;-) please

the book section (see image attached) has a few dollars and a baretta as background image.
the image is positioned fix

I would love to have a parallax effect where the baretta and dollars is always "sticky" on the right side of the browser window and just "parallaxing/scrolling" vetical in all screen sizes.

the background image /fileadmin/framework/images/mafiaBG2.png is hughe with the plain background color and the baretta and dollars on its right as you can see

could you provide me the correct parallax code for this section

				
				

					
					
							

						
							
								
![attachment](/fileadmin/framework/images/Buchcover-Glutrot-01.png)

							
							
								GLUTROT
								

									Ein Porsche 911 aus den 1970er Jahren brennt bei einem Unfall in der Eifel aus. Obwohl der Wagen schrottreif ist, bietet ein ausländischer Händler ungewöhnlich viel Geld für das Wrack … Die Motorjournalistin Sally Morgan kommt einem internationalen Verbrecherring auf die Spur, der mit Oldtimer-Fälschungen Millionen macht. Während der Recherche in ganz Europa geraten sie und ihre Freunde ins tödliche Räderwerk der Mafia.
								

								[ Amazon](https://amzn.to/3hgPXms)
								[ Twentysix](https://www.twentysix.de/shop/glutrot-gerhard-johannes-dressen-9783740765019)
								[ Thalia](https://www.thalia.de/shop/home/artikeldetails/ID147754308.html)
							
						
						
						

					

				

whatever I try is not keeping the baretta and dollars sticky to the right and just scrolling vertical

next to /fileadmin/framework/images/mafiaBG2.png is an image /fileadmin/framework/images/mafiaBG.png of just the baretta and dollars and the BG color is #1E232A maybe there is even a solution where I dont't have to use the hughe image mafiaBG2.png and save some kb on loading.

rgds
GUIDO

SSemicolon WebSTAFFNov 23, 2020

Hello,

Please consider using the following code:
[ch_pre][/ch_pre]

This will enable Parallax on the Section. Consider changing the values of the data-bottom-top and data-top-bottom Attributes according to your needs.

You will need to use this Image: http://gjd.web.my1.cc/fileadmin/framework/images/mafiaBG2.png as you are using this as a Parallax Background.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstookyNov 23, 2020

...exactly as I was hopeing it to be
dunno why my code was not working, have to compare it letter by letter ;-)

solved, closed, THX !!!

rgds
GUIDO

SSemicolon WebSTAFFNov 23, 2020

Hello,

Very Happy to Help!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard