Так как это исправить? С помощью одной простой строки:
```javascript
this._super(...arguments);
```
Вам не нужно копировать код из ядра, если вы просто хотите добавить что-то к нему. Выполните свою задачу, затем добавьте эту строку. Всё, что она делает, — гарантирует, что код из ядра будет применён.
```diff
api.modifyClass("controller:discovery/topics", {
pluginId: 'sticky-new-topics-banner',
actions: {
showInserted() {
const listControls = document.querySelector(".list-controls");
listControls.scrollIntoView();
+
+ this._super(...arguments);
}
}
});
```
Если вы протестируете это, то увидите, что почти всё работает отлично, кроме одного… заголовок перекрывает `list-controls`. Почему? Потому что заголовок установлен как sticky.
Это можно исправить несколькими способами на JS — рассчитать высоту, получить смещение, импортировать вспомогательный метод из Discourse и т.д. Я не буду углубляться в эти варианты.
Самый простой способ — использовать CSS со свойством `scroll-margin-top`, о котором можно прочитать [здесь](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top).
Добавим следующее:
```css
.list-controls {
scroll-margin-top: calc(var(--header-offset) * 2);
}
```
По-русски: при клике на ссылку прокрутка должна остановиться на верхней части `list-controls` минус удвоенная высота заголовка, чтобы не было перекрытия и оставался небольшой отступ снизу.
Итак, давайте соберём всё вместе.
Вкладка common header:
```xml
```
Общие стили CSS:
```scss
#list-area {
// на мобильных устройствах используется другая раскладка
.alert-info,
.show-more.has-topics {
position: sticky;
// Safari иногда капризен без префикса
position: -webkit-sticky;
top: var(--header-offset);
// баннер должен быть поверх контента
z-index: z("header");
}
}
.list-controls {
scroll-margin-top: calc(var(--header-offset) * 2);
}
```
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [28.Октябрь.2021 15:29:10 UTC](https://meta.discourse.org/t/sticky-see-new-or-updated-topic-notification/207371/3 "2021-10-28T15:29:10Z")
Спасибо, @Johani! Это очень помогло мне, и я, кажется, наконец-то понял многое. Мне очень нравятся ваши подробные ответы, потому что из них можно многому научиться: как всё устроено и, конечно же, как это работает. Ещё раз спасибо! 🙂
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [27.Ноябрь.2021 15:29:30 UTC](https://meta.discourse.org/t/sticky-see-new-or-updated-topic-notification/207371/4 "2021-11-27T15:29:30Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.