控制Twenty17中的头版标题动画的代码是什么

时间:2018-01-21 作者:klewis

我正在努力寻找启动2017年头版头条动画过程的代码。我想看看。

我所知道的是,动画结束后,它会添加一个内联属性margin-bottom:.... 关于以下要素:.custom-header.site-branding

我在wordpress 4.9.2上

谢谢你的提示

1 个回复
最合适的回答,由SO网友:CK MacLeod 整理而成

看起来是全球性的。js,在adjustHeaderHeight() 第92-97行的功能

// The margin should be applied to different elements on front-page or home vs interior pages.
if ( isFrontPage ) {
    $branding.css( \'margin-bottom\', navigationOuterHeight );
} else {
    $customHeader.css( \'margin-bottom\', navigationOuterHeight );
}
它将边距底部设置为与顶部导航菜单的“outerHeight”(如前面定义和测量的)等效,并且似乎基于这样的假设,即您可能会有一个70像素高的单行菜单,因为主题CSS用于70像素的底部边距。脚本否决了该设置。

如果您没有顶部菜单,那么站点品牌将在0.2秒内转换70px(到0页边距底部)(.site-branding {transition: margin-bottom 0.2s} (缩短了))。

奇怪的是,outerHeight的度量值是在我的默认测试安装72px上,所以在我添加一个短菜单后,会出现2px抖动。在多行菜单上,它开始出现重叠问题。

无论如何,我以前从来没有看过这个,但我并不认为它是2017年锻炼得更好的能力之一。也许设计师/开发人员只是喜欢默认安装(在创建任何顶部菜单之前)显示的动画效果。

结束

相关推荐

FrontPage管理栏消失

我在一个多站点网络上。最近,我的frontpage管理栏消失了,但仍在后端显示。我禁用了所有插件,将主题也更改为210和212,但没有成功。但当我将插件文件夹的名称更改为其他名称时,它开始显示,但当我在不更改插件文件夹名称的情况下停用所有插件时,它不会显示。我认为网络禁用所有插件和/或更改插件文件夹名称是同一回事,所以它应该通过两种方式工作。但管理栏只显示当我将插件文件夹名称更改为其他名称时,而不是通过禁用网络范围内的所有插件。请尽快帮助。