Как сверстать такие блоки?

На канвасе если позволяет время вникнуть в его нюансы.

Какое решение использовать для того что бы зафиксировать блок в другом блоке?

Максим Корольский: к футеру нет привязки, высота у родительского блока статична или у вас разные страницы по контенту? А ширина нам вообще не интересна ведь? Если резиновый макет, тогда да будет сложно посчитать.
Если это не лендос, то считать по формуле. Формулу так сразу не скажу, но пропорции посчитать можно.

Как вызвать событие на определённом элементе?

document.querySelector('#elements > .test:nth-child(2)').addEventListener('click', function(){
'Ваша функция';
})

Какое решение использовать для того что бы зафиксировать блок в другом блоке?

Я ручками обычно такое делаю.
Считаю в каком положении scrollTop, если в таком, что fixed блок упирается вверх, то прибавляем ему разницу, при скролле дальше. При достижении определенной границы перестаем прибавлять разницу, если снизу верх идем, то вычитать разницу, у колесика можно отслеживать события вверх или вниз.