简要介绍一下-我已经为WordPress购买了一个主题, 该主题的主菜单具有自定义内置动画(从大而透明的开始, 然后滚动时, 它会变薄, 并带有纯色背景)。
【CSS-禁用菜单动画】在过去的几天中, 我一直在尝试将滚动菜单设置为永久菜单并摆脱动画, 但是我并没有那么幸运, 因此我们将不胜感激。
CSS：
/ * 2.标头============================================= ================= * /
.wsmenucontainer header.topheader {
background: #222;
}
.wsmenucontainer header.topheader {
left: 0;
padding: 1rem 0 12rem;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.wsmenucontainer header.topheader .header-image {
background: #222;
height: 100%;
left: 0;
opacity: 1;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.wsmenucontainer header.topheader .header-image img {
left: 0;
opacity: 0.5;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
header.topheader.scroll {
background: #222;
padding: 0;
}
header.topheader.scroll .header-image img {
opacity: 0;
}
.noHeadImageheader.topheader {
padding: 1rem 0;
background:transparent;
}
.noHeadImage .header-image {
display:none;
}
.noHeadImage header.topheader.scroll {
background: #222;
padding: 0;
}
main section {
padding: 8rem 0;
}
main section#single-class{
padding: 0;
}
#1乔迪, 我可以为你提供一个主题预览链接吗？
#2你可以删除或注释过渡CSS。希望它能消失
.wsmenucontainer header.topheader {
left: 0;
padding: 1rem 0 12rem;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
//注释此区域以删除过渡
/* transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
*/
}
.wsmenucontainer header.topheader .header-image img {
left: 0;
opacity: 0.5;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
//注释此区域以删除图像过渡
/* transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
*/
}
#3要解决此问题, 你可以在主题(css定制区域)中添加自定义CSS或通过插件(https://it.wordpress.org/plugins/wp-add-custom-css/)添加自定义代码：
.wsmenucontainer header.topheader{
transition: none;
*/
-moz-transition: none;
/* -webkit-transition: none;
*/
-o-transition: none;
}
推荐阅读
- WordPress中的CSS（自定义 vs 子主题）
- SQL query()方法是否以任何方式影响WordPress（）
- 在线激活wordpress主题时，div不会浮动-在localhost上可以
- DIV在结帐页面上生成了2次(WOO COMMERCE)（）
- Divi（桌面视图中的部分突然消失）
- Divi（限制点击次数按钮）
- 在centos 下 设计“安全”的delete命令替代rm。
- shell 隔行打印
- Linux网络编程原始套接字能干什么（）