首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在某个视口上添加/删除类(或在移动设备上提高动画质量的任何方法)

在某个视口上添加/删除类(或在移动设备上提高动画质量的任何方法)
EN

Stack Overflow用户
提问于 2016-03-18 19:27:42
回答 2查看 339关注 0票数 1

我已经用viewportChecker.jsanimate.css制作了滚动动画。问题是,移动设备上的动画播放速度真的很慢。动画元素有一个类"scroll“。

所以,实际上有两个问题。一个是如何提高移动设备上的动画质量?或者,如何从某个视口上的每个元素中删除scroll类?

我尝试了一些我在互联网上找到的东西。我尝试过$(window).resize();和人们提到的很多其他东西。但是,我不能应用它们中的任何一个,当涉及到jquery时,我仍然是一个业余爱好者。

任何帮助都将不胜感激!

EN

回答 2

Stack Overflow用户

发布于 2016-03-18 19:34:26

jQuery就是你的答案。您可以执行检查以查看视口的大小。代码应该是这样的。

代码语言:javascript
复制
$(document).ready(function (){
    if ($(window).width() <= "size at which scroll class should be removed"){
        $("element with scroll class").removeClass("scroll");
    }
});

如果您还希望每次调整窗口大小时都运行此命令,则可以在If语句两边加上:

代码语言:javascript
复制
$(window).resize(function() {
    //Code from above here
});
票数 1
EN

Stack Overflow用户

发布于 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');

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36083193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档