Comments (8)
Hi Devkick,
Do you have any URL in action to see this issue ?
Thanks.
from animsition.
Sure
Hi Devkick,
Do you have any URL in action to see this issue ?
Thanks.
—
Reply to this email directly or view it on GitHub.
from animsition.
After checking your website HTML source, it seems you are not adding "animsition" class to body tag.
If you add animsition class to your body tag then this issue will be fixed but I think it will create new issue, after you add animsition class to body then loading icon may not show. To fix that you will need to wrap your body inner part with <div class="animsition"></div>
. See example below:
<body>
<div class="animsition">
<a href="./page1" class="animsition-link">animsition link 1</a>
<a href="./page2" class="animsition-link">animsition link 2</a>
</div>
</body>
See "Step 2 HTML Markup" on the demo link - http://git.blivesta.com/animsition/
Also I think you are directly calling animsition plugin on body element. After you make above changes please follow "Step 3: Call the animsition" as per demo link.
Please let me know this helps or not.
Thanks.
from animsition.
Done, and changed the loadingParentElement from “body" to ".animsition”.
Works fine (my bad). Thank you for help and this plugin.
Andreas Blaschke
(Responsive) Web-Frontend-Entwickler
+49 (0) 7062 902070 1 | devkick.de | twitter.com/@devkick
Im Mühlhof 11, 74360 Ilsfeld
On 16.10.2014, at 21:45, Gaurav Padia [email protected] wrote:
After checking your website HTML source, it seems you are not adding "animsition" class to body tag.
If you add animsition class to your body tag then this issue will be fixed but I think it will create new issue, after you add animsition class to body then loading icon may not show. To fix that you will need to wrap your body inner part with
. See example below:<a href="./page1" class="animsition-link">animsition link 1</a> <a href="./page2" class="animsition-link">animsition link 2</a>
See "Step 2 HTML Markup" on the demo link - http://git.blivesta.com/animsition/
Also I think you are directly calling animsition plugin on body element. After you make above changes please follow "Step 3: Call the animsition" as per demo link.
Please let me this helps or not.
Thanks.
—
Reply to this email directly or view it on GitHub.
from animsition.
from animsition.
@devkick My pleasure, glad I could help. By the way I think you should keep loadingParentElement set to "body" otherwise "loading" text/animation will not show because "animsition" class have opacity set to zero.
from animsition.
Understand, changed for 1 minute.
Thank you
Andreas Blaschke
(Responsive) Web-Frontend-Entwickler
+49 (0) 7062 902070 1 | devkick.de | twitter.com/@devkick
Im Mühlhof 11, 74360 Ilsfeld
On 17.10.2014, at 12:21, Gaurav Padia [email protected] wrote:
@devkick My pleasure, glad I could help. By the way I think you should keep loadingParentElement set to "body" otherwise "loading" text/animation will not show because "animsition" class have opacity set to zero.
—
Reply to this email directly or view it on GitHub.
from animsition.
Hi
Sir, Could you please tell me how this can be used in div transition. I want to keep the header and footer only the central div should move. Is this possible with this.
from animsition.
Related Issues (20)
- Issue with VueJS HOT 1
- Wordpress Plugin HOT 2
- incorrectly assumes a tags will have an href attribute
- IN animation stopped if another animation ends before the animsition-in-duration HOT 1
- jquery DataTable issue HOT 1
- Not working on firefox HOT 2
- Keyframe on page load after the transition finish
- Not working in Chrome
- Fancybox issue with animsition HOT 7
- In jQuery is not working HOT 3
- How to change the LoadingInner gif
- Turbolinks & on('load
- Multiple colored overlay transitions from one page HOT 1
- Animsition not working in jQuery 3.4.1 - WORKAROUND HOT 2
- Animsition: Does not support this browser. HOT 1
- Waiting for Firestore data loaded HOT 1
- React Implementation?
- Extend functionality to FORM / POST
- animation-duration edge browser
- BitDefender shows animsition.min.js version 3.0.4 as Trojan
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 animsition.