Как добавить на 1С Битрикс ссылку canonical?

Спасибо, описанное решение для детальной страницы работает корректно. Единственное, обошлось без доп. запроса в первых 2х строках result_modifier.php

$arElement = CIblockElement::GetById($arResult["ID"])->GetNext();
$arResult['DETAIL_PAGE_URL'] = $arElement['DETAIL_PAGE_URL'];

в моём случае в $arResult уже был ключ DETAIL_PAGE_URL.
Спасибо автору!

Как запретить обратную анимацию при снятии мышки с элемента?

BorisNaumov, возможно, слишком поздно, но кинул вам ссылку на решение в своём первом ответе.

Как сделать навигацию по найденному слову внутри страницы?

Короче, насколько я понял, нужно как браузерный поиск по странице (Ctrl+F).
Логика следующая:
1. При вводе в поле поиска символов производится поиск комбинации этих символов по тексту и их подсветка (обёртка в span какой-нибудь)
2. Первое из совпадений приобретает какой-нибудь дополнительный класс или data-атрибут, означающий, что данный элемент актуален.

3. Пишем функции, срабатывающие при событиях (нажатия на кнопки), в которых:
3.1. ищется актуальное на текущий момент совпадение (по этому самому дополнительному классу или data-атрибуту).
3.2. ищется следующее/предыдущее от актуального совпадение.
3.3. находятся координаты найденного совпадения.
3.4. страница прокручивается до совпадения по координатам.
3.5. у текущего совпадения класс актуальности снимается и назначается найденному.

Там кода строк на 30-40 максимум. Логику разжевал.

Как сделать прокрутку внутри модального окна?

Sergei Nazarenko, а почему jQuery устарел? Потому что все вокруг так говорят? Или все же есть возможность по пунктам (хотя бы парочку) объяснить. Я, вот, вижу преимущества:
1. Гораздо короче код. Например, в части ajax-запросов там вообще в одну строку можно загрузить нужный контент с нужного урла. На ванильке нужно сшить простыню из кода для этого. Либо подключить другую отдельную библиотеку. Ахахапхахпха.
2. Он используется повсюду. От Битрикса до вордпресса. Везде. В ядрах cms! Откройте любой сайт рядовой компании - на нем подключен jQuery.
3. Очень понятный и стильный код. Короткие строки, легко воспринимать.

А минусы какие? То, что он весит 100+ КБ? И это целый отдельный запрос? [OMG]

Ааа, минус такой: я её не знаю, поэтому она оцтой.

Как писать стили под все типы устройств (по высоте)?

stanislavkm, это нормально. Но вообще можете попросвещаться на тему единицы измерения vh и привязать размер шрифта, например, к высоте окна браузера. Но это плохо. Но как почва для идей сойдёт. Лучше высоту блока привязать к высоте окна браузера, а текст в нем центрировать по вертикали.

Как сделать прокрутку внутри модального окна?

Alexsey, скажите, у вас jQuery в проекте подключен? У вас и с ним не получается?

Как сделать прокрутку внутри модального окна?

Sergei Nazarenko, мы с одного города, видимо, это даёт вам ощущение, что со мной можно на "ты". Пусть будет так.
Вероятно, вы не совсем правильно понимаете смысл jQuery. Это не того уровня инструмент. Это не технология, это прикладная штука. Поэтому и вакансий на jQuery немного. Она как приложение к JS. Я вообще ни разу не встречал вакансию "jQuery -разработчик". Таких людей нет. Все, кто знают JS 10+ лет, знают jQuery. Это данность. Молодое поколение уже не знает. И от этого топит про то, что это не моЖно. Ещё как моЖно. Повторюсь, jQuery подключен на 70% сайтов по всему миру. Как бы вы не сопротивлялись. Это как моЖно хейтить php, говоря, что он - прошлый век. Просто потому что он чуточку сложнее питона, и питон моЖный.

Как сделать прокрутку внутри модального окна?

Sergei Nazarenko, зато на 100% понятно. И на 100% работает. Есть такая философия кодинга KISS. Писать такой код, который понятен даже джуну сразу, и от этого он чувствует себя самым умным и мотивируется разбирать код дальше.

Как сделать прокрутку внутри модального окна?

Ankhena, классно. Обижать можно, обижаться нельзя. Это в правилах площадки прописано? Это во-первых. Во-вторых, я не могу назвать это на 100% обидой. Это наполовину задор и троллинг.

Почему blur в css, или filter в svg вызывает жесткую просадку в ios/macos?

wakenbyWork, да, с браузерами на apple-устройствах печально всё. вариант с выключением тени на iOS - вполне жизнеспособный. Если заказчику это объяснить, то всё ок. Потом надо еще дизайнеру объяснить, что так делать больше нельзя )))

Как менять контент по скроллу?

by_steris, https://alvarotrigo.com/fullPage/extensions/fading... - вот одна из демок Fullpage.js. Слайды меняются не прокруткой, а фэйдом. Ну и можно на элементы внутри слайдом добавлять анимацию, когда слайд обретает класс активности .active или .fp-completely (когда анимация фейда завершается).

Почему blur в css, или filter в svg вызывает жесткую просадку в ios/macos?

Вопрос не к технологиям, а к браузеру. Вероятно, Safari не очень хорошо справляется с такими штуками. Safari вообще в плане поддержки эффектов позади остальных. Поэтому если делать кроссбраузерно, то лучше использовать растровые картинки с отрисованной на них тенью, чем делать тень с помощью CSS.

Как менять контент по скроллу?

Ну в примере, который вы указали по ссылке, как раз меняются section целиком. Есть обработчик, который срабатывает на прокрутку колесом мышки (и, вероятно на свайп - не тестил на мобиле).
Вопрос описан не совсем понятно.

Как сделать прокрутку внутри модального окна?

Ankhena, насчёт overflow-y: overlay не прав. признаю! overflow-y: scroll - правильно. но тоже, наверное, не модно.

Как сделать прокрутку внутри модального окна?

чё-т как-то не работает вроде. прокрутки нет. но зато без jQuery! Это важно!

Как сделать прокрутку внутри модального окна?

Sergei Nazarenko, вы говорите, что jquery в 2022 не нужен, исключительно потому, что все вокруг так говорят. Но все вокруг его используют. Это как с Apple - все вокруг плюются, но покупают. Значит, что-то в нём есть.
А что конкретно - я вам готов показать (доказать):

конструкция на ваниле, которой автор вопроса пытался описать нужную фичу:

var messagelist= document.getElementById("messagelist");
  messagelist.scrollTop = messagelist.scrollHeight;

конструкция на jquery, которой я описал решение этой же фичи:
$("#messagelist").scrollTop(1000000);

И вы мне будете рассказывать про элегантность ванилы?
Если jQuery подключить с CDN, то он в 99% случаев уже есть в кэше браузера на момент загрузки сайта, так что не переживайте о лишнем трафике и запросах.
И если у вас таких конструкций 20-30, то на чистой ваниле вам придётся написать ту же самую библиотеку jQuery по объему кода. Или обойтись 5КБ элегантного кода на jQuery.

Меньше читайте очень умных размышляторов, которые так не любят jQuery. Думайте сами. Используйте то, что вам удобно, а не то, что считают удобным ваши учителя.

И по поводу "модно-немодно" - вы не поняли контекста. Он из другого вопроса, где мы с тем, кому я это адресовал, на эту тему беседовали.

Как сделать прокрутку внутри модального окна?

А если по делу, то вот мой ответ, очень просто делается на jQuery:
$("#messagelist").scrollTop(1000000);
Да, это jQuery. Сейчас меня обвинит куратор тега CSS, что jQuery не модно в 2022?
В то время как jQuery используется в 2022 на 70% сайтов.

Убедитесь, что у #messagelist включен вертикальный скролл в css: overflow-y: overlay;. Ankhena, пожалуйста, подскажите, моден ли данный способ включения прокрутки в 2022?

Как сделать прокрутку внутри модального окна?

Ankhena, подскажите молодежи, как правильно делать в 2022?

Как зафиксировать, чтобы header был вверху, а footer внизу?

Ankhena, и вообще, чем плох position: fixed? если задача зафиксировать элемент поверх прокручиваемого? просто нельзя? что за предубеждения?

Как зафиксировать, чтобы header был вверху, а footer внизу?

Ankhena, а вы смотрели последний мой codepen? куратор тега CSS