Виталий Першин

Ищите по ключу parallax
Вот одна из самых популярных:
https://matthew.wagerfield.com/parallax/

Если я правильно понял, перед
document.getElementById('icon').appendChild(icon);
Просто очищайте icon
document.getElementById('icon').innerHTML = "";
Что-то вроде этого:

function coords(lat, long) { 
fetch(`url`) 
.then((response) => response.json()) 
.then((data) => {
const icon = document.createElement('i');
icon.className = icons(data.weather[0].icon);
icon.style.fontSize = '120px';
document.getElementById('icon').innerHTML = "";
document.getElementById('icon').appendChild(icon);)}

Потому что это объект jquery и нужно использовать его методы:
$("#ddd").text("привет");
или
$("#ddd").html("привет");

Потому что вы запускаете повторно namerSummer(total); но данные которые вы возвращаете из неё вы не используете. Должно быть что-то вроде этого:



И это не jQuery, это обычный js. Я подробнее наверно не объясню, почитайте про рекурсию

Мало информации, но чтобы наверняка, вы можете удалить все события submit на нужных вам формах:
$('form').unbind('submit');
Затем повесить свои обработчики, реализовать в них коллбеки и собственные события на которые можно будет подписаться, чтобы выполнить все те действия, которые им необходимы и которые позволит ваш скрипт.

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

Это есть прямо в документации Slider Syncing называется

$.cookie('jpn', true, {
   // Время хранения cookie в днях
  expires: 7,
  path: '/',
  domain: 'site.name',
});

Как вариант накидал на скорую руку:

slick('setPosition') нужно вызывать после открытия модального окна, а вы вызываете его просто так. Учитывая что инициализация слайдера у вас через $(document).ready(function() то setPosition и не отработает, но это другая история

Подписываемся на события слайдера и выполняем необходимые действия в нужный момент:

$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
        if(slick.slideCount == nextSlide + 1) {
            // code...
        }
    });

Не полностью разобрался как у них реализовано, но в основе лежит свойство mix-blend-mode
Написал небольшой пример:

Вы можете делегировать событие:

$('body').on( 'click', '#delete', function( event ) {
 alert('works');
});

$(function() {
    $('#fullpage').fullpage({
        onLeave: function(index, nextIndex, direction) {
            if (nextIndex == 3) {
                // Если переключаемся на 3-ю секцию выполняем действия
            } else {
               // Иначе..
            }
    });
});

Если вам нужно отслеживать прокрутку колеса мыши вверх в низ, то подпишитесь на событие wheel:

$(window).bind('wheel', function (event) {
        if (event.originalEvent.deltaY >= 0) {
            // down
        } else {
            // up
        }
    });

А позицию можно получить при помощи offset

Чтобы решать такие вопросы необходимо видеть ваш код или хотя бы версию fancybox.
Но если вам этого хватит то вот сделал пример:


Перед открытием окна, получаем ид открываемого окна, находим в нем все input и очищаем их:

$("[data-fancybox]").fancybox({
		beforeShow: function( instance, slide ) {
      $(slide.src).find('input').val('');
    }
});

Или применяем reset() к самой форме

Вообще такие прелоадеры опасны, так как в любой момент может что-то пойти не так и пользователь не сможет открыть сайт. Я обычно делаю псевдо-прелоадер, который срабатывает по таймеру. 2-3 секунды вполне достаточно чтобы загрузить сайт и показать его.

В вашем случае как вариант можно начать инициализацию яндекс после того как сработает скрипт прелоадера.

$(window).on('load', function () {
  var preloader = $('.preloader')
  $(preloader).delay(300).fadeOut('slow');
  $('section.main').addClass('loader')
  AOS.init();
// Тут запускаем инициализацию яндекс карты
});

Как сказал Максим Литвинов есть метод slickGoTo. Недавно задавали похожий вопрос вот пример:


Еще есть синхронизированные слайды, возможно они вам больше подойдут:

у слик слайдера есть опция variableWidth: true

Пример инициализации из документации:

$('.variable-width').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  centerMode: true,
  variableWidth: true
});

Кроме того если слайдер в модальном окне, его может глючить при открытии окна, поэтому после открытия окна можно обновить позицию слайдера $(".variable-width").slick('setPosition');

В шаблоне короткой новости добавляем в нужном месте:

[xfgiven_имяДопПоля]
style="background: [xfvalue_имяДопПоля];
[/xfgiven_имяДопПоля]

В дополнительное поле к каждой новости соответственно прописываем, только значение к свойству background

Должно получиться что-то вроде этого:

<div class="new" [xfgiven_имяДопПоля]style="background: [xfvalue_имяДопПоля];[/xfgiven_имяДопПоля]><a href="#"></a></div>

В случае если поле не заполнено, то ничего выводиться не будет

Но правильнее будет задавать стили через классы, аналогичным образом.