Объясните и покажите пожалуйста работу со скролом, как в iframe так и в элементах у которых установлен параметр overflow 

Про overflow -- на w3schools. Дерзай.

Добавлено @ 23:20 
Какое отношение к Яваскрипту?

Об этом речь? 

Элемент имеет некий бокс, в нём некое окно под контент, это обычный (блочный) элемент согласно CSS. Теперь представим что экран это страница лежащая сверху, под ней ещё одна страница с другим контентом, окно контента это вырез в экране. Страничка что под экраном может двигаться, экран не подвижен. Собсно скролинг это и есть движение странички под экраном, назовём её контент-страница.

Контент-страница имеет ограниченные размер, он в принципе всегда больше чем "окошко", потому и скролим. Параметры scrollHeight и scrollWidth отвечают за размер контент-страницы. Как уже говорили контент-страница плавает, отсюда получаеться скролинг, контент-страница может смещаться относительно "окошка". Если левый верхний угол контент-страницы совпадает с левых верхнем улгом "окошка", то смещение 0, далее соотвественно позитивное или негативное в пикселах. За смещение отвечают параметры scrollTop и scrollLeft.

Ну и наконец "окошко", как мы уже говорили это область контента элемента. Естественно имеет размеры, параметры offsetWidth и offsetHeight. Позицию относительно первого "якорного предка" узнаём из параметров offsetLeft и offsetTop. Якорный предок это родительский первый элемент с релативной или абсолютной позицией, т.е. двигают родителя, мы тоже двигаемся. Если узнать координаты относительно всего экрана нужно, то бежим по всей иерархии "якорных предков" посредством параметра offsetParent.