[[GoogleTrackCode_Head]] [[GoogleTrackCode_Body]]

ukatsti glycs202604231743

Apr 23, 2026

Mä yatiyaw jaytañamawa .

动态组件演示|Ukhamaraki, ukaxa mä juk’a pachanakwa lurasirakispa. 整合CSS变量 + 浮动窗口交互

🎨 整合您的样式片段

响应式Logo + 浮动窗口列表完全遵循您提供的CSS规则
:saphi --sami: #0873D6| 媒体查询Logo自适应|Ukax mä jach’a uñacht’äwiwa

📐 CSS ukax mä juk’a pachanakanwa

全局主色 #0873D6 贯穿按钮,悬浮窗,链接悬停.

:saphina { --color: #0873D6; } 方便主题维护.

📱 响应式Logo规则 ukax mä jach'a uñacht'äwiwa

屏幕 1024px时 ukat sipan juk’amp jach’a jan ukax kikipa,p’iqinchawi .p’iqi-logo img最大高度95px;添加.ukax-activo ukhamawa类后高度变为70px.(滚动时动态添加) Ukax mä jach'a uñacht'äwiwa.

当前滚动超过80px即触发ukax-activo ukhamawa类,观察logo变化 ukax mä jach'a uñacht'äwiwa.

🧩 浮动窗口结构

完全匹配选择器 div.floatwindow_fd_principal ukax mä jach’a li a的flex布局,且内部 ukax mä jach’a uñacht’äwiwa行高1.2.

点击右侧浮动按钮 =>展开/收起菜单,交互由纯JS实现.

⚡ 演示基于您提供的CSS代码构建|浮窗JS动态交互 + 滚动头部效果|所有样式均保留原始定义
Jiskt’awinaka apayanipxam .