Comments (5)
Hey @vilav, thanks for checking out Rellax. One of the major reasons we wrote this is to have a stable parallax implementation that is maintained. The primary reason so many parallax repos are abandon-ware is because of all the issues that mobile/tablet's can cause.
Until device manufacturers and browsers generalize how to handle transform, scroll, touch, then the main rellax codebase will avoid working on those devices for now.
from rellax.
This is a layout / CSS issue which has been on my TODO list since launch lol. I'll shoot for one of these weekends in the next 4 weeks to get this fixed up so as not to confuse folks!
from rellax.
Hi @moeamaya, true it's quite an uphill task. Is there a way to entirely disable rellax on mobile though so it works on desktop-only? Right now, the normal scroll seems interrupted and jerky for some reason. Any tips on how to improve that! Thanks again. Cheers
from rellax.
Which device/OS are you on? The code right now tests for device orientation capability to disable the feature, but if your device doesn't have that it will run.
from rellax.
On the latest iOS, on both Chrome & Safari latest versions. If an element that has parallax (on Desktop) is in the viewport on mobile, it feels like the scroll get dragged like it has some jank when the rectangles and titles w/ parallax on the page are in view.
from rellax.
Related Issues (20)
- Angular, Can't bind to 'data-rellax-percentage' since it isn't a known property of 'div'
- Feature request: speed as a function HOT 1
- Blazor incompatibility? HOT 1
- When applied to an svg element gets flipped?
- Start the animation before Rellax Item enters Viewport HOT 5
- Parallax for relative positioned element HOT 2
- Custom angle
- Efficiency Problem
- Callbacks and doing things with them HOT 1
- How to make rellax positions "predictable"? HOT 1
- Horizontal scroll-axis-x data-rellax-max-x and data-rellax-min-x number is not working. HOT 1
- Problem when used on the same page as JS accordion HOT 1
- Choppiness on Chrome
- USE WITH IONIC
- es6 version?
- x
- Positioning issues with long pages
- Positioning issues with long pages, translate values differ on page by page basis
- Rellax stops working when I add a wrapper HOT 1
- It doesn't work on mobile
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 rellax.