老张小站

  1. 欢迎光临

    感谢访问老张的博客!

  • 1
1,897

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

分类 网站技术/村民张先生 发布于 2017-04-28 20:52
0

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

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

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

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

欢迎转载分享,转载请注明 来源:大张小站 https://www.zhang.cq.cn/20171825.html
若您喜欢这篇文章,欢迎订阅老张小站以获得最新内容。 / 欢迎交流探讨,请发电子邮件至 mail[at]vdazhang.com 。


欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截