首页| 版块| 我的| 发帖| 消息
主题:关于祺声广播(滴答插件)滚动内容显示的调整及首页多格里“最新图片”标题和背景位置的微调
zhangjingyu 
“居中效果完美,给你大大的赞!就是图标位置不对,是在最左边(嘻嘻)现在为什么是两个重复的菜单?”(引用内容)哈哈,收到你的“大大的赞”!不过看到这个截图我也忍不住笑了,确实出了两个“幽灵菜单”。

为什么有两个菜单?图标怎么跑到最左边了?
两个菜单的原因:因为我们替换了 HTML,但是原论坛系统很可能在底层的 CSS(.xlbmenu)或者全局 JS 里,本来就绑定了小喇叭的点击/悬停事件。再加上我上一版代码里写的定位是 position: absolute; right: 10px;(相对于整个屏幕右边),结果系统自带的那个也跑出来了,我的那个也跑出来了,就“双厨狂喜”了。仔细看截图,下面那个粉底框里的菜单,才是你论坛系统原生的样式。

图标在左侧的原因:上一版我用了 flex 布局,把图标放到了内容的右侧。但正如你所说,原版的设计里,那个黄色小喇叭是在最左边的。

终极修复方案
既然论坛系统原本就自带了菜单弹出逻辑,我们就顺水推舟,把我的自建菜单砍掉,直接保留你原版的菜单结构和位置,只在外部套一个“隐形框”解决垂直居中。

这个版本解决了什么?
只留一个菜单:我删除了自己写的 position: absolute; right: 10px; 那些多余的内联样式。现在 menu_xiaolaba 完全由你论坛系统自带的 CSS(.xlbmenu)去控制,它该在哪就在哪,绝不会有第二个了。

图标回归最左边:将 图标标签放在了滚动条 的前面,布局自然就变成了【喇叭图标】+【滚动文字】。

悬停逻辑最简化:依然只保留了鼠标移入显示、移出隐藏的简洁逻辑。

垂直居中依然完美:最外层包裹的 broadcast-wrapper 依然保留着 flex 垂直居中魔法,文字和图标绝对不会偏上偏下。

你试试替换这个版本,这应该是最后、最完美的一版了!

浏览大图
zhangjingyu回帖于2026-10-31 20:59[查看电脑版]
下一楼»:“之前是两个挨在一起,现在是两个菜单隔江相望了。还需要参看别的地方的代码吗?”&# ..
«上一楼:“悬停图标时显示正常,点击图标就会错乱,其实悬停就足够了,点击效果去掉吧。另外,从切 ..

查看全部回帖(28)
«返回主帖