Организовать перемещения кода СЕО текста наверх под H1 c помощью Java

Данный функционал описываетсяна примере сайта seo-akademiya.com

• Заходим сюда http://seo-akademiya.com/baza-znanij/osnovyi-seo/
• Нажимаем мышкой в начало сео блока и просмотреть код
• Нужно обратить внимание на 2 блока -> .seo-abs и .seo-fix
• Сео текст визуально из одного места на сайте “перемещается”

  в другое с помощью javascript. У нас на сайте

  эта манипуляция происходит в файле

  http://seo-akademiya.com/assets/public/js/common.min.js в самом конце

• При ресайзе или загрузки окна/документа запускается функция

resizeSeo();

• Если есть на странице блок с классом seo-abs (.seo-abs) далее БЛОК А, тогда скрипт узнает высоту этого блока (height = $('.seo-abs').height();), ширину этого блока (width = $('.seo-abs').width();) до “перемещения” вниз страницы.
• Далее узнаем позицию блока относительно начала страницы куда

нужно перемещать сео текст (pos = $('.seo-fix').position();) далее БЛОК Б

• Задаем блоку Б высоту равную высоте блока А ($('.seo-fix').height(height);)
• И теперь перемещаем блок с сео текстом вниз, в то место где

находится БЛОК Б ($('.seo-abs').css({top:pos.top });)

• В результате визуально сео текст снизу, в исходном коде он так и

остается вверху, так как javascript не может

его на сервере поменять.

• Обязательно до всех этих манипуляций должна подключаться

библиотека jQuery