[Bug] Kitchen Sink - iOS overscroll/bounce
还没有人认领这个 Issue。
评估
- 难度
- 1/5
- 预计耗时
- 1 小时以内
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 描述清楚
- 活跃度
- 停滞
- 技术栈
- css, javascript
- 领域
- frontend
调研方向
首先复现链接视频中所示的 iOS 行为,然后检查 issue 中所标识的文件 kitchen-sink/core/css/app.css。完成的标准是:内部内容无需先获得焦点即可滚动,并且整个页面在 iOS 上不再回弹。
由索引模型根据 Issue 内容生成。
描述
As you can see in the video the whole website bounces and you can't scroll the inner content:
Only after you focus the inner content you can scroll it.
You can prevent this by adding this css to https://github.com/framework7io/framework7/blob/master/kitchen-sink/core/css/app.css
html,
body {
position: fixed;
overflow: hidden;
}
Solution by: https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/
- 主要语言
- JavaScript
- 星标
- 163
- 派生
- 431
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
framework7io/framework7-website 的其他 Issue
-
难度 1/5 1 小时以内 新手友好度 65/100
-
难度 2/5 1-3 小时 新手友好度 58/100
-
难度 3/5 1-2 天 新手友好度 25/100
-
难度 1/5 1 小时以内 新手友好度 45/100
-
难度 1/5 1-3 小时 新手友好度 58/100
查看 framework7io/framework7-website 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 68/100
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 65/100
bigskysoftware/htmx#4147 ·
维护者通常 5 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
vshymanskyy/StandWithUkraine#316 ·
-
难度 1/5 1 小时以内 新手友好度 90/100
-
bug/1-unconfirmed kind/bug
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复