jQuery弹出层随屏滚动浮动效果
jQuery 的弹出层功能算是老朋友了，是那种点击后浮在屏幕上的效果，蛮常用的。像提示框、表单、图片预览，全靠它撑场子。这套代码就挺实用，结构简单、逻辑清晰，点一下就能弹出，滚动时还能乖乖跟着屏幕走，响应也快，不容易出 bug。
弹出层本质上就是一个 还有一点比较妙，初始弹出层是 样式上可以自己加点动画效果，比如 如果你刚好要做个提示框、对话框，或者弹个小表单，强烈建议收藏一下。可以直接用，也方便你改着用。，配合
position: fixed固定位置，外加点事件监听就能搞定。文中还加了点击外部隐藏的小逻辑，用$(event.target).closest()判断点的是不是弹出层本身，体验比较贴心。
display: none隐藏着的，点击后.show()再通过scrollTop定位，算是个轻量又兼容性不错的做法。如果你页面内容比较长，需要弹出层在用户视野内随滚动漂着，这方案还挺合适的。fadeIn、slideDown，或者加个半透明背景做遮罩，视觉上会更清晰。想进阶一点，也可以和z-index、transform搭配搞点炫酷的浮层交互。
下载地址
用户评论
