Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for background images and simple parallax scrolling #814

Open
Rado-1 opened this issue Jul 26, 2020 · 1 comment · May be fixed by #877
Open

Add support for background images and simple parallax scrolling #814

Rado-1 opened this issue Jul 26, 2020 · 1 comment · May be fixed by #877

Comments

@Rado-1
Copy link

Rado-1 commented Jul 26, 2020

Is this a BUG REPORT or FEATURE REQUEST?:
feature

What you expected to happen:

It would be nice to support the following features:

  1. To use image for background of a fragment. This would be a generic feature used for any kind of fragment; content, items, portfolio, graph, etc. Something similar to what we can in the hero fragment. The solution would be, e.g., to use asset.image for background and to specify it in a special property, e.g., asset.use_as_background.
  2. If there is a background image set for a fragment, there should be a way how to set a simple parallax scrolling effect and the ratio how fast/slow the background image is moving - from static to some percentage of scrolling the page. E.g. asset.parallax = 0 for background image not moving by vertical scrolling, asset.parallax = 50 for background image moving by 50% of scrolling, or asset.parallax = 100 (default) for background image moving with the same speed as scrolled page. Also values more than 100 could be allowed.

Example of a simple parallax scrolling effect: https://codepen.io/tribex/pen/mWNWdz

@stp-ip
Copy link
Member

stp-ip commented Jul 27, 2020

Sidenote: Codepen does not work with Firefox it seems.

@sergiopena sergiopena linked a pull request Aug 11, 2022 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging a pull request may close this issue.

2 participants