Browse Source

feat: 添加 hover 展开 mega 面板时禁止/恢复页面滚动功能并更新样式

master
peijunlei 3 weeks ago
parent
commit
c3e702f4e2
  1. 1
      public/themes/dist_static/static/css/common.css
  2. 9
      public/themes/dist_static/static/js/common.js
  3. 1
      public/themes/static_new/styles/base.css

1
public/themes/dist_static/static/css/common.css

@ -308,6 +308,7 @@ body {
height: 100%;
}html {
font-size: 16Px;
scrollbar-gutter: stable;
}body {
overflow-x: hidden;
font-family: "MiSans VF", "PingFang SC", sans-serif;

9
public/themes/dist_static/static/js/common.js

@ -146,5 +146,14 @@ $(function() {
$subgroup.toggleClass("is-expanded", !isExpanded);
$(this).attr("aria-expanded", !isExpanded);
});
// hover 展开 mega 面板时禁止/恢复页面滚动
$(".site-header__nav-item--mega").on("mouseenter", function() {
if ($("body").hasClass("is-mask-open")) return;
lenis.stop();
}).on("mouseleave", function() {
if ($("body").hasClass("is-mask-open")) return;
lenis.start();
});
});
//#endregion

1
public/themes/static_new/styles/base.css

@ -4,6 +4,7 @@
/* 页内锚点平滑滚动:html + body 都写,兼容不同浏览器的滚动根节点 */
html {
font-size: 16px;
scrollbar-gutter: stable;
}
html,body{
width: 100%;

Loading…
Cancel
Save