Skip to content

Commit 157c127

Browse files
committed
задание 3
1 parent 7c053dd commit 157c127

File tree

3 files changed

+8
-8
lines changed

3 files changed

+8
-8
lines changed
Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
The solution is actually pretty simple:
1+
Решение достаточно простое:
22

3-
- Use `position:absolute` in CSS instead of `position:fixed` for `.note`.
4-
- Use the function [getCoords()](info:coordinates#getCoords) from the chapter <info:coordinates> to get document-relative coordinates.
3+
- Используйте `position:absolute` в CSS вместо `position:fixed` для элемента с классом `.note`.
4+
- Используйте функцию [getCoords()](info:coordinates#getCoords) из главы <info:coordinates>, чтобы получить координаты относительно документа.

2-ui/1-document/11-coordinates/3-position-at-absolute/solution.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
positionAt(anchor, position, note);
6767
}
6868

69-
// test it
69+
// проверка
7070
let blockquote = document.querySelector('blockquote');
7171

7272
showNote(blockquote, "top", "note above");

2-ui/1-document/11-coordinates/3-position-at-absolute/task.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@ importance: 5
22

33
---
44

5-
# Show a note near the element (absolute)
5+
# Покажите заметку около элемента (абсолютное позиционирование)
66

7-
Modify the solution of the [previous task](info:task/position-at) so that the note uses `position:absolute` instead of `position:fixed`.
7+
Измените код решения [предыдущего задания](info:task/position-at) так, чтобы элемент заметки использовал свойство `position:absolute` вместо `position:fixed`.
88

9-
That will prevent its "runaway" from the element when the page scrolls.
9+
Это предотвратит расхождение элементов при прокрутке страницы.
1010

11-
Take the solution of that task as a starting point. To test the scroll, add the style `<body style="height: 2000px">`.
11+
Используйте решение предыдущего задания для начала. Чтобы проверить решение в условиях с прокруткой, добавьте стилей элементу `<body style="height: 2000px">`.

0 commit comments

Comments
 (0)