Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Adding parallax effect on specific images and with full effect


Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

 
@cloudier
hi,
try this:
You have to put this code  little code into the custom  CSS:  box  
.sqs-video-background {
position fixed;
top:0;

}
 
this may help.
good luck 😉
Edited by SabineM
Link to post

Hello,

Thanks for your help but the above seems not to be working, it says it has a syntax error for some reason.

The code injection I used for the parallax is the following:

<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.4.1/dist/simpleParallax.min.js"></script>

<script>
var images = document.querySelectorAll('.section-background img');
new simpleParallax(images, {
scale: 1.2,
delay: 1,
});
</script>
<style>
.simpleParallax {
   height: 100%;
}
</style>

Thanks

 

Link to post

Hi tuanphan, it is in code injection indeed. I just want the parallax to be more dramatic like in https://www.recyclerebuild.org/spotlight top banner. If you go to my website https://www.orcasoundproject.com/ you can barely feel the parallax and when the effect is increased in the code it just zooms in or has a weird delayed effect. 

I would like for the next section to go over completely of the image that is in the previous section 'behind'.

 

Thanks!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...