Это конечно костыль, но тут такое решение с минимальными доработками.
Насколько я понимаю проблема в том, что не хватает скролла для "4 элемента".
Это наглядно видно тут Наглядно
Если убрать высоту у body, то не будет работать исходный код
$('.div').on('click', function () {
var url = 'http://test.tu' ; // Твой url может быть динамичным, тогда нужно if например к каждому блоку присвоить атрибут, в зависимости от него будет разный url
$('#bloсk').add('<iframe src="url" width="" height="" >
</iframe>');
};
};