Materialize: Parallax should not require javascript

Created on 20 Jul 2016  路  10Comments  路  Source: Dogfalo/materialize

Parallax scrolling can be easily achieved using pure CSS3 3D positioning and zooming. See http://keithclark.co.uk/articles/pure-css-parallax-websites/ for a worked example

Parallax enhancement

Most helpful comment

@fega huh, why did you close the issue?

Maybe it would work with polyfills.

Also, is parallax scrolling part of the materialdesign docs?
For me it feels a bit like feature creep on some parts.

Main target should be a web framework wich provides all the material design components in the official specification + plugins.

All 10 comments

@jymbob I agree with you. I don't know the opinion of @Dogfalo and @acburst

But I believe that it should be maintained in the long term for backward compatibility

Frankly, nothing on that site works in my IE10.. But Materialize targets IE10.

@fega huh, why did you close the issue?

Maybe it would work with polyfills.

Also, is parallax scrolling part of the materialdesign docs?
For me it feels a bit like feature creep on some parts.

Main target should be a web framework wich provides all the material design components in the official specification + plugins.

Sorry, I shouldn't, I wanted to open a discussion:tired_face:

@DanielRuf I agree, this is an over bloated feature in my opinion, and it could be isolated as a plugin

Maybe we could create the plugin and begin to launch a deprecation warning in the console before get rid of it.

before get rid of it.

Before what?

Before deleting it?
Before killing the parallax feature?
Before sending the feature to the limbo of the deprecated features?

Hehe, sorry for my English mistakes :cry:

it could be isolated as a plugin

Right.

Hehe, sorry for my English mistakes 馃槩

No problem, needed a moment to understand it. No worries.

Parallax works very slow and lags on my laptop in energy saving mode (core i7) and on mobile (Yotaphone2). All firefox. I'm afraid, that's because js is using here...

@Sha-Grisha I noted a better performance in JQuery 3+ ,

But if you want to get rid all the javascript, the @jymbob sugestion should work right

I just re-did my template with the pure css that was recommended by the opener of this thread, @jymbob - It's really good.

We're going to leave parallax as a js plugin, but thank you @jymbob for linking the resource, it will be helpful to those who are looking for a pure css parallax solution.

Was this page helpful?
0 / 5 - 0 ratings