javascript-tutorial / javascript-tutorial/ru.javascript.info

[Баг]: Появление горизонтального скрола

未关闭
#1,963 2 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug
主要语言
HTML
星标
4.1k
派生
922
PR 合并指标
30 天内没有已合并 PR

描述

### Описание

На станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.

### Как воспроизвести?

Чтобы воспроизвести баг, нужно:
1. Открыть любую страницу в учебнике *(например: https://learn.javascript.ru/intro)*, на разрешении от 670px и выше, с вертикальным скролом.
![before-scroll](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/d61f319a-d46a-49a6-bdfa-696bc0c6be5a)
3. Проскролить до элемента `.tutorial-progress` и внизу экрана появится появиться горизонтальная полоса прокрутки.
![after-scroll](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/95cd2c31-dc2a-4e09-87cf-f1146cded2b2)

>При этом элемент `` заменятся на `

贡献指南

打开贡献指南

调研方向

在 Chrome 中以 670px 或更大的桌面宽度,在 /intro 等教程页面上重现该问题,然后滚动到 .tutorial-progress,检查进度元素的替换 div 和计算出的宽度。当滚动到进度条时不再创建水平滚动条,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
css, html, javascript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

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