jQuery遮罩弹窗居中实现
jQuery 的遮罩弹窗居中，挺适合用在表单填写、确认操作这类场景。思路也不复杂：搞个全屏的半透明遮罩层，再加个弹窗，用 jQuery 控制它们的显隐和位置就行。定位上用 position: fixed 和 position: absolute，再用窗口宽高来算个居中位置，视觉上就挺舒服的了。
代码写得清楚，用 $('#mask, #popup').fadeIn() 这种动画方式用户体验还不错。居中函数 centerPopup() 也挺灵活，窗口大小一变，弹窗位置立马更新，响应也快。你要是做个简单弹窗，不想上手复杂的 UI 框架，这套写法真的蛮省事。
哦对，文件里提到的 jQuery-tcc 代码资源，可以去研究一下，结构清晰、逻辑明了，挺适合自己魔改一下。
如果你页面不想全靠 Bootstrap 或 Vue，还想手动掌控每一帧，那这套代码思路还蛮值得参考的。
文件大小：44.79KB
评论区