Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >基础6钻下动画速度

问基础6钻下动画速度
EN

Stack Overflow用户

提问于 2018-08-22 14:18:00

回答 1查看 296关注 0票数 0

我的目标是应用自定义动画速度到基础6钻取菜单中的基础6网站。我知道，在_settings.scss中，您可以通过$drilldown-transition更改初始单击动画，但是当返回向下钻取的级别时，动画参数将被忽略。

我检查了dist > assets > css > app.css，看看是否有其他参数或某种隐藏的CSS控制了这一点，但在我看来，它是通过JS处理的，而不仅仅是添加/删除类。

TLDR;，我想了解在返回一个级别时如何控制下钻菜单的动画速度/样式。

例：https://media.giphy.com/media/X8M8Hax10K9SslPN1v/giphy.gif

zurb-foundation

EN

回答 1

Stack Overflow用户

发布于 2018-08-23 08:36:49

接近速度是由于以下几行，可以在dist > assets > css > app.css中看到

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%); 
    }

  .drilldown .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%); 
    }

从-100%到100%的转变太极端了，无法真正得到你所期望的流畅感。将100%简化为5%解决了这个问题。

.mobile_nav > .grid-x > .cell > .is-drilldown .drilldown .is-drilldown-submenu.is-closing {
      -webkit-transform: translateX(5%);
          -ms-transform: translateX(5%);
              transform: translateX(5%);
    }

票数 0

EN

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

原文链接：

https://stackoverflow.com/questions/51975918

复制

相关文章

php中删除html标签和标签内内容的方法

不少人去扒别人家的网站文章，我是指那种批量式采集的压根不看内容的，少不了都会用到删除 html 标签的函数，这里介绍 3 种不同用途上的方法 $str='<div><p>这里是 p 标签</p><img src="" alt="这里是 img 标签"><a href="">这里是 a 标签</a><br></div>'; 1：删除全部或者保留指定 html 标签 php 自带的函数 strip_tags 即可满足要求，使用方法：strip_tags(string,allow)； string：需要处

沈唁

2018/05/24

5.7K0

在标签打印软件中如何快速对齐标签内容

在标签打印软件中制作标签的时候，有的时候标签内容比较多，文字长短不一，如果不好好排版的话，会感觉很乱，为了标签的美观，在标签打印软件中添加完需要的文字之后，可以选择我们想要排版的文字，点击软件中的对齐按钮，使标签内容迅速对齐。具体操作如下：

用户5746110

2019/09/10

4.4K0

javascript表单提交的内容显示在表格中

html 表格数据

实现三个文本域的内容提交之后显示在表格中，代码直接用文本文件运行，记得后缀改为.html 运行结果

别团等shy哥发育

2023/02/27

8.3K0

javascript表单提交的内容显示在表格中

jquery 标签中的属性操作

.arrt() 获取匹配的元素集合中的第一个元素的属性值，或设置每一个元素中的一个或多个属性值。 .attr(attributeName) $("em").attr("title"); q获取“em”集合中的第一个em 的title值。 .attr(attributeName,value) attributeName 要设置的属性名 value 这个属性设置的值 $("#greatp").attr('alt','she zhi shu xing zhi')

用户1197315

2018/01/19

1.7K0

jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别

html jquery append 表格

jQuery 在元素中添加插入内容的方法和区别，整理成表格，省的每次都要翻： jQuery方法解释 after() 在被选元素之后插入指定内容 insertAfter() 在被选元素之后插入 HTML 标记或已有的元素。如果用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。 append() 在被选元素的结尾（仍然在内部）插入指定内容 appendTo() 在被选元素的结尾（仍然在内部）插入 HTML 标记或已有的元素。 before() 在被选元素之前插入指定内容 insertBefo

Denis

2023/04/13

2K0

jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别

jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

这个方法可能不是很常见，这个是jQuer提供的一个方法，说一下应用场景，比如说，我们使用jQuery的时候，需要引入别的框架，那么刚好这个框架也是$开头的，那是不是很悲催，因为jQuery也是$开头的，那么页面怎么解析呢？导致的结果可能就是页面停止加载了，说人话就是页面就基本挂了！所以jQery也考虑到了这个问题，就出现了jQuery - noConflict() 方法。

何处锦绣不灰堆

2020/05/29

8510

【冷知识】jQuery 中load()方法页面显示空白bug

项目中，使用jquery中的load方法加载页面，一直不能实现。页面显示空白，也不提示错误。代码如下：

用户9914333

2022/07/22

1.1K0

jQuery中的常用内容总结(一)

jQuery中的常用内容总结(一) 前言不好意思(✿◠‿◠)，由于回家看病以及处理一些其它事情耽搁了，不然这篇博客本该上上周或者上周写的；同时闲谈几句：在这里建议各位开发的童鞋，如果有疾病尽快治疗，不要拖，大病的话甚是~，身体是本钱，如果人的身体健康是一的话，若没有前面的一，后面再多的零也是徒然，同时，建议在开发的时候保持一个好的心态，积极面对需求和技术难点，不要像我一样在难的地方朝一个地方死钻、而且经常性考虑需求之外的需求，这样都是不太好，尽量以"需求"的心态去"开发"，而不是以"开发"的心态做"需求

上帝

2018/06/26

1.1K0

jQuery中的常用内容总结(二)

jquery javascript

jQuery中的常用内容总结(二) 转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html 前言　　距离上次博客更新已经有二十来天了(●′ω`●)，恍惚之间时间已经从身边流走~，好难过≡(▔﹏▔)≡；所以，我决定这次不管熬夜到几点都要把本节和第三节内容全部写完~ 内容提要 ---- 选择器(上一节) 选择器的扩展方法(上一节) 节点的CSS操作及节点其他操作(上一节) Ajax同步与异步(本节) 事件(本节) 弹窗(本节) 参数序列化(第三节) 遍

上帝

2018/05/18

1.5K0

jQuery中的常用内容总结(三)

转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html

上帝

2018/09/27

8530

jQuery中的常用内容总结(三)

jQuery中的常用内容总结(二)

jquery html ajax json

jQuery中的常用内容总结(二) 转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html 前言　　距离上次博客更新已经有二十来天了(●′ω`●)，恍惚之间时间已经从身边流走~，好难过≡(▔﹏▔)≡；所以，我决定这次不管熬夜到几点都要把本节和第三节内容全部写完~ ajax在实际开发中用的特别多,尤其是前后端分离的今天甚是~，接下来所说的ajax都是经过jQuery封装过的，至于写法大致有ajax标准写法和jQuery简写两种，下面先给出这两种写

上帝

2018/06/26

3K3

jQuery中的常用内容总结(三)

jQuery中的常用内容总结(三) 转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html ---- A>表单参数序列化提交如果没有借助jQ

上帝

2018/06/26

8540

jQuery中的常用内容总结(三)

jquery html ajax 安全

jQuery中的常用内容总结(三) 转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html 内容提要 ---- 选择器(第一节) 选择器的扩展方法(第一节) 节点的CSS操作及节点其他操作(第一节) Ajax同步与异步(上一节) 事件(上一节) 弹窗(上一节) 参数序列化(本节) 遍历(本节) 其他(本节) ---- A>表单参数序列化提交如果没有借助jQuery，表单可以直接提交，这样带来两个问题就是安全(get提交)或表单参数验证障碍，嗯~，可能

上帝

2018/05/18

2K1

jQuery中的常用内容总结(一)

jquery ajax java html

jQuery中的常用内容总结(一) 前言不好意思(✿◠‿◠)，由于回家看病以及处理一些其它事情耽搁了，不然这篇博客本该上上周或者上周写的；同时闲谈几句：在这里建议各位开发的童鞋，如果有疾病尽快治疗，不要拖，大病的话甚是~，身体是本钱，如果人的身体健康是一的话，若没有前面的一，后面再多的零也是徒然，同时，建议在开发的时候保持一个好的心态，积极面对需求和技术难点，不要像我一样在难的地方朝一个地方死钻、而且经常性考虑需求之外的需求，这样都是不太好，尽量以"需求"的心态去"开发"，而不是以"开发"的心态做"需求

上帝

2018/05/18

1.1K0

jQuery中的常用内容总结(二)

jquery http html ajax json

转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html

上帝

2018/09/27

1.3K0

jQuery中的常用内容总结(二)

Zblog文章页面添加“标签”内容的方法

http php 腾讯云开发者社区

然后上传修改后的post-single.php文件，并在管理首页刷新模板缓存即可！

风吹屁屁凉

2021/07/14

1.2K0

shell中read在控制台不能删除内容的解决方式

shell 编码脚本数据数组

因为静态博客创建，上传提交需要进行多个git命令，操作起来比较麻烦，于是沿用主题开发者的shell脚本命令，将多个命令直接通过一个脚本封装，双击一键运行即可，非常方便。

六月河

2023/06/26

5280

你公司里有不能碰的红线吗？

前面讲木桶原理的时候，我们说不管长板、短板怎么摆，只要桶底下有洞，装再多水也会流出去。这个洞往大了说是讲诚信，不要逾越法律。更具体一点，就是公司规定的”红线“。所谓红线，就是公司里规定决定不能碰的规矩，一旦碰了，轻则降级、辞退（不需要给赔偿金），重则还可能需要承担刑事责任。

石云升

2022/08/25

5830

为什么在静态方法中不能使用this

在JVM的运行时数据区中有个虚拟机栈(或Java栈),在它的里面是由栈帧'叠加'而成.栈帧由局部变量表,操作数栈,动态连接,方法返回地址等组成.

书唐瑞

2022/06/02

2.1K0

为什么在静态方法中不能使用this

jQuery设置checked标签后但是不显示勾选

当使用jQuery的attr(attr,value)给<input type='checkbox'/> 赋值checked时，查看代码已经复制了，但是页面上却不显示勾选。

zhangheng

2020/04/28

1.7K0

相似问题

强标记和强标记不能正确显示

23

Jquery Isotope -在扩展的.item中可点击的内容？

20

标签不能正确显示

14

Jquery插件simplemodal不能正确显示吗？

13

属性集方法不能正常工作-有修复吗？

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例