[Баг]: Появление горизонтального скрола
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- css, html, javascript
- 领域
- frontend
调研方向
在 Chrome 中以 670px 或更大的桌面宽度，在 /intro 等教程页面上重现该问题，然后滚动到 .tutorial-progress，检查进度元素的替换 div 和计算出的宽度。当滚动到进度条时不再创建水平滚动条，即表示完成。
由索引模型根据 Issue 内容生成。
描述
Описание
На станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.
Как воспроизвести?
Чтобы воспроизвести баг, нужно:
- Открыть любую страницу в учебнике (например: https://learn.javascript.ru/intro), на разрешении от 670px и выше, с вертикальным скролом.
- Проскролить до элемента
.tutorial-progressи внизу экрана появится появиться горизонтальная полоса прокрутки.
При этом элемент
<progress>заменятся на<div style="width: ...px ...>в котором не корректно рассчитана ширина элемента, в моем примере 1px исправляет проблему.
Браузер
Chrome 125.0.6422.60
- 主要语言
- HTML
- 星标
- 4.1k
- 派生
- 922
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
javascript-tutorial/ru.javascript.info 的其他 Issue
-
suggestion: tutorial
难度 2/5 1-3 小时 新手友好度 78/100
javascript-tutorial/ru.javascript.info#2187 · 1 条评论 ·
-
bug
难度 2/5 1-3 小时 新手友好度 68/100
javascript-tutorial/ru.javascript.info#2163 · 1 条评论 ·
-
[Баг]: 未关闭bug
难度 1/5 1 小时以内 新手友好度 65/100
-
suggestion: tutorial
难度 2/5 1-3 小时 新手友好度 72/100
-
suggestion: tutorial
难度 3/5 1-2 天 新手友好度 68/100
查看 javascript-tutorial/ru.javascript.info 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 72/100
lobehub/lobe-icons#422 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 88/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
难度 1/5 1 小时以内 新手友好度 82/100
-
N: AdGuard Browser Extension P4: Low T: Social Widget
难度 2/5 1-3 小时 新手友好度 68/100
AdguardTeam/AdguardFilters#242250 ·
-
难度 2/5 1-3 小时 新手友好度 85/100