Александр Шемаханов

Проблема возникает на элементе .link_block_div к нему применен css-фильтр saturate который ломает position: fixed.
Как вариант решения, убрать фильтр, а эффект saturate имитировать ч/б картинкой или сделать спрайт из ч/б и цветной версии, и менять background-position.
Есть еще один неприятный момент при закрытии кругляши с фотками уходят влево. Это происходит при закрытии слайдера. Блоку .content-2 в скрипте прописывается inline-стиль display: block.
Решить можно добавлением !important к display: flex блока .content-2, это проблему решит, но не самое красивое решение, лучше все же разобраться откуда оно приходит.

Возможно здесь есть подсказка: Как реализовать скачивание картинки?

Как мне видится, парсишь JSON пробегаешь циклом по получившемуся объекту и для каждой картинки создаёшь в DOM ссылку на скачивание с ее url и атрибутом download, а потом с помощью метода .click() имитируешь нажатие на все эти ссылки.

Проблемы, скорее всего не возникнет если там 1 картинка, если больше браузер может запретить множественные загрузки. Ну и вопрос оптимизации, на слабом ПК, из-за работы с файловой системой, можно неплохо так повесить систему.

Можно рассмотреть вариант с заменой рыбок, если больше 10 удалять первую, а новую добавлять в конец:

if(time_push%50 == 0 && fish.length < 10) {
    fish.push(...);
    fish.shift;
  } else {
    fish.push(...)
  };

Например можно решить вот так
Примеры:

• Пример 1
  
• Пример 2
  
• Пример 3
  

Если вам нужен определенный элемент с классом menu, а их на странице несколько, то ищите его так

document.getElementsByClassName('menu')[x] //где x порядковый номер от 0 до n-1

Если такой элемент всего 1 на странице и то ставьте 0

Есть несколько вариантов:
Использовать .show() – api.jquery.com/show
Или использовать . toggleClass() – api.jquery.com/toggleclass

Вариант с .toggleClass():
https://codepen.io/sh3mahan/pen/maLajQ
Понажимай на карточки