反馈窗口演示

右下角的小气泡就是反馈窗口。提交的内容会进 /admin。

怎么试

  1. 点右下角气泡,选「遇到问题」或「提个建议」,写几个字。
  2. 按 Ctrl+V 直接粘贴一张截图,或拖一张图进去。
  3. 留个邮箱,就能在收件箱里给访客回复(需要配置邮件服务)。
  4. 管理员打开 /admin,使用部署时设置的口令登录。
嵌入到别的站点只需要一行:

这段文字只是占位

滚一滚,确认气泡固定在右下角、不跟随内容、不遮挡内容。窗口在窄屏上会变成底部整宽,手机上点开不会把页面顶变形。

长页面再长一点,效果更明显。下面还有几段,就是为了让页面能滚。

一、二、三、四、五、六、七、八、九、十。这里可以放任意内容,气泡用的是 fixed 定位和独立 shadow DOM,页面样式再乱也影响不到它。

一、二、三、四、五、六、七、八、九、十。滚动到底部时,气泡依然在右下角。

一、二、三、四、五、六、七、八、九、十。测试结束。