Monday, June 3, 2024
Homepage · jquery
 Popular · Latest · Hot · Upcoming
50
rated 0 times [  54] [ 4]  / answers: 1 / hits: 18612  / 9 Years ago, fri, february 20, 2015, 12:00:00

1) I've looked all over th web and just was wondering if anyone of you guys come across this problem where you wanted to stop the WOW JS animation for certain devices or/and for smaller screen sizes?!



2) Also it's quite annoying to see css the animation from time to time when navigating through out the website (ux-wise would be ideal to see it once), so I was thinking to use cookies for this purpose but didn't know how to approach it, because by the time JS file is loaded at the bottom of the page the animation has been done...?!



Please bear in mind that I also use the data attributes for delays and durations, so it's not only by removing the WOW class!



Any idea would really be appreciated :)
Many thanks


More From » jquery
 Answers
0

Hope this helps others too;



$('.wow').removeClass('wow');


Place this at the bottom of your page, however for those that want to remove the WOW JS animation for certain devices then this is for you;



if(isMobile || isTablet) {

    $('.wow').addClass('wow-removed').removeClass('wow');

} else {

    $('.wow-removed').addClass('wow').removeClass('wow-removed');

}


Put the logic behind isMobile and isTablet yourself, and I'm sure everybody's are able to do that.



Thanks


[#67747] Wednesday, February 18, 2015, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
annalise
Add To Favorites
Follow
Total Points: 210
Total Questions: 94
Total Answers: 102
Location: The Bahamas
Member since Tue, Apr 27, 2021
3 Years ago
annalise questions
Mon, May 24, 21, 00:00, 3 Years ago
Wed, May 5, 21, 00:00, 3 Years ago
Sat, Sep 12, 20, 00:00, 4 Years ago
Thu, Sep 10, 20, 00:00, 4 Years ago
Tue, Jul 28, 20, 00:00, 4 Years ago
View All
;