Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

[Bug] Kitchen Sink - iOS overscroll/bounce

未关闭
#491 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 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:

https://user-images.githubusercontent.com/34555296/113567875-baf18b80-960f-11eb-95c2-2fd6c8b250a0.mov

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,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

framework7io/framework7-website 的其他 Issue

查看 framework7io/framework7-website 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。