🎨 整合您的样式片段
响应式ꯂꯣꯒꯣ + 浮动窗口列表完全遵循您提供的CSS规则
:ꯔꯨꯠ --ꯃꯆꯨ: #꯰꯸꯷꯳ꯗꯤ꯶| 媒体查询ꯂꯣꯒꯣ自适应|浮动菜单ꯐ꯭ꯂꯦꯛꯁ布局
📐 ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ 变量应用
全局主色 #0873D6 贯穿按钮,悬浮窗,链接悬停.
:ꯔꯨꯠ { --ꯃꯆꯨ: #0873D6; } 方便主题维护.
📱 响应式ꯂꯣꯒꯣ规则
屏幕 1024px时ꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯆꯥꯎꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯥꯟꯅꯕꯥ,ꯍꯦꯗꯔ .ꯍꯦꯗ-ꯂꯣꯒꯣ ꯏꯝ.ꯖꯤ最大高度95px;添加. ꯑꯁꯤ-ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏ꯫类后高度变为70px.(滚动时动态添加)
当前滚动超过80px即触发ꯑꯁꯤ-ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏ꯫类,观察ꯂꯣꯒꯣ变化 ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
🧩 浮动窗口结构
完全匹配选择器 div.floatwindow_fd_main ꯂꯤ ꯑꯦ的flex布局,且内部 ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫行高1.2.
点击右侧浮动按钮 =>展开/收起菜单,交互由纯JS实现.
