Комментарий #10312796

Apc
И снова здрасте :hi:
Мне удалось сделать 200iq рокировочку своей ЛЕНТЫ, чтобы не скролить каждый раз в самый низ за новым комментарием /Apc/feed
Остался только последний штрих — переставить "Ответ(ы):" наверх комментария (потому что теперь ответный комментарий располагается выше, а ниже в ленте).

#profiles_feed .body { display: flex; flex-direction: column-reverse; }
выдаёт такое 1482x213

Хотел сделать через исключение, но .body:not(.b-mention), .body:not(:first-child), .body:not(a:nth-child(1)) почему-то не работают.

P.S. Если бы был способ загружать страницу сразу прокрученой до упора вниз, мне бы вся эта затея не понадобилась. Но, по-моему, такого способа в чистом css не существует.
Ответы
Hayart
Hayart#
@Apc, думаю, тебе нужно использовать свойство order: -1 для элемента с селектором .b-replies.
Тогда, выходит вот так:
938x193
grin3671
grin3671#
@Apc, переворачивать пол страницы с помощью transform: scale(1, -1), интересно, но зачем? Почему бы не использовать flex вместо всех правил с transform: scale(1, -1)?
/* Блок с новым комментарием вверху */
#profiles_feed .block > div,
/* Обратный вывод комментариев (новые вверху) */
#profiles_feed .b-comments {
  display: flex;
  flex-direction: column-reverse;
}
А порядок внутри комментариев можно исправить с помощью order, как и сказали выше.
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть