tz.v5.js 模块说明

马黑黑

tz.v5.js 模块说明

tzMaker v5主要处理帖子自适应居中功能，目标是不论帖子出于何种页面环境，它都能自动居中，发帖者无需考虑帖子所在父元素在浏览器视口中的偏移问题。这样，一套代码可以发到不同设置的论坛、博客、网站，不必做任何改动。

实现原理

通过浏览器视口宽度、帖子原始位置、帖子尺寸等已知条件计算除帖子居中的偏移量，使用 transform 的 translateX 在水平方向移动帖子。

可能存在的误差

帖子居中的精准度针对浏览器视口，由于浏览器存在出现纵向滚动条，在视觉上居中的精准度应该存在一定误差；此外，HTML相关属性不支持浮点数，这也在理论上产生计算结果和显示效果存在一定的差异。

使用方法

1. 导入的 CSS 和 JS 文档要配套，分别是 tz.v5.css 和 tz.v5.js；
2. JS 代码末尾假如指令 tz.autoMid(); 。

其它

模块的其它功能不做任何改变，过去怎么用现在就怎么用。

如果使用帖子电饭煲创建代码，记得把 v4 改为 v5，同时删掉 --offsetX CSS变量设置。

霜染枫丹

我似乎理解了，应该会操作了。这个我很需要。我总记不住论坛不同需要调节居中数值的量，几乎每次都要二次/三次的调准。

谢谢马老师，辛苦了。

霜染枫丹

特别好用！！！！！！

前边改动，尾部添加，就解决了很多重复的麻烦，特别爽！谢谢马老师！！

红影

“一套代码可以发到不同设置的论坛、博客、网站，不必做任何改动。”
这个太厉害了，一下子解决了居中问题，不需要一次次地调了，而且比手动调更准确

红影

黑黑太厉害了，跟着你能学到很多有用的好东西