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

Parallax background transition "jumpy" #1260

Open
ericthomas1 opened this issue Jun 15, 2023 · 2 comments
Open

Parallax background transition "jumpy" #1260

ericthomas1 opened this issue Jun 15, 2023 · 2 comments

Comments

@ericthomas1
Copy link

ericthomas1 commented Jun 15, 2023

Hello,

I've created a Parallax background image with this frontmatter:

---
parallaxBackgroundImage : "../assets/images/test.jpg"
parallaxBackgroundSize: 2400px 1000px
parallaxBackgroundHorizontal: 50
transitionSpeed: "slow"
---

Unfortunately, when I transition to the next slide, the parallax effect "jumps" the 50 pixels I have for the parallaxBackgroundHorizontal setting.

Is there a setting to make this smooth/slower?

Thank you

@ericthomas1 ericthomas1 changed the title Parallax background transition jumpy Parallax background transition "jumpy" Jun 15, 2023
@melonkernel
Copy link

It seems that all backgroundTranstions are broken.
so this affects both the parallax and slides with background transitions

i suspect it has to do with some race condition maybe or caching or events. because sometimes the first transition between first and second slide may work, but after history is updated or has is added to the url it is not transitioning anymore. (have tried all combos of history and hash also)

the background animations in demo https://raw.githubusercontent.com/evilz/vscode-reveal/master/sample.md are not transitioning. Neither does video backgrounds start playing.

@melonkernel
Copy link

melonkernel commented Jan 20, 2025

i noticed that if a slide has data-background="#000" for instance,
it adds a bunch of null values to a property called data-background-hash

<div class="slide-background has-dark-background present" data-background-hash="#000nullnullnullnullnullnullnullnullnullnull" style="background: rgb(0, 0, 0); display: block;" data-loaded="true"><div class="slide-background-content"></div></div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants