londhor

Вероятнее всего проблема в координатах или размере. Посмотрите значения в PX, и округлите их до круглых значений, без полупикселей

Используй scrollmagic.io
DEMO

Если это фон на весь сайт — выгрузи как один SVG и вставь как фон body.
Если необходимо по блокам, то выгружаешь отдельные SVG и ставишь как фон под необходимый блок.

Юзай tabindex

Судя по всему проблема с вычетом высоты контента.
Видимо не учитывается высота всех нижних блоков (футер, чат и тд)

Юзай css grid.
Если сам не умеешь — найди любой онлайн-конструктор гридов.

В гридах станет вопрос поддержки браузерами, это нужно учесть.