我已经用viewportChecker.js和animate.css制作了滚动动画。问题是,移动设备上的动画播放速度真的很慢。动画元素有一个类"scroll“。
所以,实际上有两个问题。一个是如何提高移动设备上的动画质量?或者,如何从某个视口上的每个元素中删除scroll类?
我尝试了一些我在互联网上找到的东西。我尝试过$(window).resize();和人们提到的很多其他东西。但是,我不能应用它们中的任何一个,当涉及到jquery时,我仍然是一个业余爱好者。
任何帮助都将不胜感激!
发布于 2016-03-18 19:34:26
jQuery就是你的答案。您可以执行检查以查看视口的大小。代码应该是这样的。
$(document).ready(function (){
if ($(window).width() <= "size at which scroll class should be removed"){
$("element with scroll class").removeClass("scroll");
}
});如果您还希望每次调整窗口大小时都运行此命令,则可以在If语句两边加上:
$(window).resize(function() {
//Code from above here
});发布于 2016-03-18 19:38:19
有许多不同的因素可能会影响为什么你的滚动动画是缓慢的。看看页面有多大(有很多图片吗?)你用什么设备来测试它?
可以在jQuery中使用.removeClass(<name>)函数删除元素的CSS类。例如,要从每个包含滚动类的元素中选择remove the scroll类,可以使用:
$('.scroll').removeClass('scroll');
您可以指定元素/属性选择器,就像在CSS中指定它们一样,因此要从任何可以使用的<p>元素中删除.scroll类:
$('p.scroll').removeClass('scroll');
或者从嵌套在具有.noscroll类的另一个元素中的任何元素中删除.scroll:
$('.noscroll .scroll').removeClass('scroll');
https://stackoverflow.com/questions/36083193
复制相似问题