Discuz! X3.* 调整悬浮框位置或样式的方法-Discuz教程下载

Discuz! X3.* 调整悬浮框位置或样式的方法

来自版块: Discuz教程发表于: 2022-1-25 10:54:47

5548

Discuz! 悬浮框的样式是统一的，怎样才能在特定窗口下使用单独的样式呢？我们可以在特定窗口的模板中借助 Javascript 来调整。

例如，某个页面内容太少导致页面高度太低，这时候悬浮窗口位置偏下，不太美观。我们可以在该悬浮窗口的模板中先判断来源页面，符合调整需求时，输出类似以下代码来调整悬浮框位置：

<script type="text/javascript">
document.getElementById("fwin_login").style.top = '234px';
</script>

复制代码

其中 fwin_login 为悬浮框的 div id 名，style.top 表示 style 的top项。
可根据实际情况修改调整。

Discuz，调整，悬浮框，位置，样式，方法

全部评论 0

期待你的评论哦~

Discuz! X3.* 调整悬浮框位置或样式的方法-Discuz教程下载

Discuz! X3.* 调整悬浮框位置或样式的方法

相关帖子

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【原创】将文章访问量转换为K的的显示样式，如将21302转换为21.399人阅读

【原创】discuz论坛分类信息中，帖子发布页有多个图片上传功能，428人阅读

【原创】修改discuz门户文章发布时间，将默认时间yyyy-mm-dd修改421人阅读

【实测】Discuz修改论坛列表页排序，实现主题帖子按最新发表时间522人阅读

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程508人阅读

Discuz浮窗多图的DIY单页素材413人阅读

html5+css3的浮窗单图DIY模块457人阅读

html5+css3的横排导航列表DIY模块591人阅读

html5+css3的四排图文资讯列表DIY模块651人阅读

垂直时光轴HTML单页+CSS+js模块1306人阅读

所属版块