CSS

Add Parallax Nodes from a View to Drupal 8 With ScrollMagic

Posted on: Mon, 01/20/2020 - 06:07 By: admin

In this tutorial I will explain how I accomplished taking a listing of nodes that came from a View and created a Parallax scrolling effect using the Bootstrap theme from Drupal 8.

You will need to have Drupal 8 installed with Views and a Bootstrap subtheme set up.

For this tutorial, I am using a simple Page content type that I created with 3 fields: Title, Body and Background Image.

You should then create a View that lists this Page content type. I am listing the Body field and Background Image field in my example. I am keeping my Page content type and View very simple for explanation purposes. But you can set up more complex Views and content types as you wish. You just need at least an image field (or you can place a background image to an existing content type field via CSS as well).

Subscribe to CSS