Comments (3)
Hi, Alex.
Thank you for kind words.
-
As you can see, I added comment for this code block
// check if one of parents have transform style (without this check, scroll transform will be inverted)
So, parallax will be inverted. This occurs because of parallax block have position fixed and this position breaks when one of the parents have transformations. You can test it by yourself by adding transform style on one of the parent after Jarallax init. Stack Overflow
For example this fix needs when you use parallax effect inside carousels (on one of my premium themes there is parallaxed carousel).
-
Left margin for horizontal centering image inside block. Do you have troubles with it? Where I can check it? On demo page it working fine.
Example:
------------------------------
| Image |
| |--------------| |
| <--> | Block | <--> |
| |--------------| |
| |
------------------------------
- Thank you for fixes. I'll check it and update Jarallax soon.
Best regards, nK.
from jarallax.
Many thanks Nikita, we are adapting and fixing your code to our needs, when we finish adapting, I will send you the code so you could see if there is something interesting for you... ok?
Could we ask another question?: why do you remove user original background-image styles? It is for performance? any browser bug? just for security?
// remove default user background
_this.css(_this.$item, {
'background-image' : 'none',
'background-attachment' : 'scroll',
'background-size' : 'auto'
});
For our "Html Editor" needs, we need to keep the original background-image just there (ie. not remove original styles and recover later). Is there any problem with that? could we get into problems for some case?
thanks in advance
from jarallax.
Ok, will be appreciated for any code.
Background image removed for performance reasons. There is no need to show background image + parallax image because of parallax image shows over background image.
I think modern browsers don't have problems with performance, but I leave this code just for case if not.
If you want to return image back - just destroy jarallax.
from jarallax.
Related Issues (20)
- IE11 with the node_modul implementation doesn't work, because babel doesn't work with the src files HOT 1
- How to disable jarallax only for safari Mac OS HOT 1
- Problem while trying to build/run jaralax with an angular universal app. HOT 3
- Local Video doesn't play in Safari HOT 2
- Don't force usage of 'jarallax-img' HOT 1
- add async support HOT 1
- "Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube-nocookie.com') does not match the recipient window's origin ('https://myapp.com')" HOT 2
- Replace deprecated Vimeo Simple API usage HOT 2
- ChainAlert: npm package release (2.0.0) has no matching tag in this repo
- Error with Permissions-Policy header: Unrecognized feature: 'ch-ua-full-version-list'. HOT 1
- WebP detection with Modernizr HOT 1
- videoPlayOnlyVisible HOT 1
- Image is not changing when used picture tag on resize, its working only for page reload HOT 1
- Unable to override jQuery defaults with data attributes - since it works partially, it's a BUG, not a FR HOT 1
- Image horizontal background position ignored HOT 1
- Glitching on scroll HOT 3
- Possible wrong documentation about picture tags HOT 2
- is there any way to pause video by default.I tried with autoplay option but it is not working... HOT 1
- Image Height Calculation is Off using Data Attribute HOT 1
- Options: multiple types simultaneously on an element HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jarallax.