cubeTransition.js | a jquery plugin for page transition effect | Animation library
kandi X-RAY | cubeTransition.js Summary
kandi X-RAY | cubeTransition.js Summary
a page transition effect jquery plugin. Created using Jquery, CSS 3D transforms and CSS Animations. Idea comes from pageTransition, and I fix some bug of it, making the effect more smooth.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of cubeTransition.js
cubeTransition.js Key Features
cubeTransition.js Examples and Code Snippets
Community Discussions
Trending Discussions on cubeTransition.js
QUESTION
I am experiencing an issue on my website that is using this page transition plugin whereby the transition occurs twice on Mac but works fine on other platforms. The transition occurs twice due to scroll event firing more than once.This behavior is only present on Mac regardless of browser.
Anyone have any ideas on how I can begin tackling this?
This is the link to the original page of the plugin: https://github.com/HTML50/cubeTransition.js
Here is the demo page where the problem occurs: https://html50.github.io/cubeTransition.js/
I have added a scroll delay on my website where I am using the plugin to try and fix it but it seems the second scroll occurs after the delay timer runs out. This seems to be an issue with scroll acceleration on Mac.
...ANSWER
Answered 2017-Apr-13 at 08:51After some collaboration from the creator of the page transition plugin and various sources like stack overflow we have arrived at a solution.
There is a plugin someone wrote called wheel-indicator.js which allows detection of a track pad and presents various options to act appropriately. It works perfect on OSX across all browsers without breaking other platforms.
For more info on inertial scrolling present on OSX and touch pad devices please take a look at some demos on JS Fiddle:
1)http://jsfiddle.net/n7bk6pb9/1/ (Scroll Graphic Visualizer)
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install cubeTransition.js
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page