iPhone 顶部下拉菜单

实现原理说明

本页面通过监听用户对状态栏（.status-bar）的点击事件，动态切换下拉菜单（.pull-down-menu）的 open 类，从而控制其高度变化，模拟 iPhone 顶部下拉菜单的展开与收起。

使用了纯 CSS 的 transition 实现平滑动画，无需任何第三方库，完全基于原生 Web 技术。

此交互可用于移动端网页、PWA 应用或作为前端学习示例。