反馈窗口演示
右下角的小气泡就是反馈窗口。提交的内容会进 /admin。
怎么试
- 点右下角气泡,选「遇到问题」或「提个建议」,写几个字。
- 按 Ctrl+V 直接粘贴一张截图,或拖一张图进去。
- 留个邮箱,就能在收件箱里给访客回复(需要配置邮件服务)。
- 管理员打开 /admin,使用部署时设置的口令登录。
嵌入到别的站点只需要一行:
这段文字只是占位
滚一滚,确认气泡固定在右下角、不跟随内容、不遮挡内容。窗口在窄屏上会变成底部整宽,手机上点开不会把页面顶变形。
长页面再长一点,效果更明显。下面还有几段,就是为了让页面能滚。
一、二、三、四、五、六、七、八、九、十。这里可以放任意内容,气泡用的是 fixed 定位和独立 shadow DOM,页面样式再乱也影响不到它。
一、二、三、四、五、六、七、八、九、十。滚动到底部时,气泡依然在右下角。
一、二、三、四、五、六、七、八、九、十。测试结束。