首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery如何像css一样做过渡?

jquery如何像css一样做过渡?
EN

Stack Overflow用户
提问于 2017-09-04 20:26:09
回答 1查看 22关注 0票数 0

jquery transition

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    $(document).ready(function() {
        $(window).scroll(function() {
        if($(document).scrollTop() > 10) {
            $('#nav').addClass('shrink', 1000);      
        }
        else {
        $('#nav').removeClass('shrink', 1000);
        }
      });

});

我正在尝试让jquery过渡就像css过渡一样。当你向下滚动时,转换就会发生。

css transition: transition is in css. transition: all ease 0.5s

EN

回答 1

Stack Overflow用户

发布于 2017-09-04 23:39:15

您还应该在javascript文件中选择徽标元素,并添加以下内容:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#logo').addClass('shrink', 500);
$('#logo').removeClass('shrink', 500);

你应该在你的#nav.shrink #logo文件中使用#logo.shrink而不是css。

这是一个JSFiddle

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

https://stackoverflow.com/questions/46043641

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文