Значение в два с капелькой раза больше
 

есть элемент .col-carousel
почему

$('.col-carousel').css('top')

возвращает 47px, а

var pos = $('.col-carousel').css('top')

возвращает 111?:help:

lempzz,

рони, пожалуйста, вот ссылка, чекайте через консоль.

lempzz,
что проверять?

рони,
в консоли

$('.col-carousel').css('top')

и просто

pos

который в скрипте написан как

var pos = $('.col-carousel').css('top');

lempzz,
а ready или load не пробовали?

lempzz,
на странице ещё размеры не сформировались а вы уже их измеряите.

lempzz,

var pos;
$(window).on("load", function() {
     pos  = $('.col-carousel').css('top');// или целиком весь код сюда,  если глобал не нужен
})

Через функцию .on() всё сработало. Большое Вам спасибо.
Получается, что есть объявить пустую глобальную переменную и через функцию присвоить ей значение, то оно сохранится глобально, я правильно понял?

И подскажите, почему так случилось? То есть почему размер не сформирован, а его позиция уже 111px. И с высотой тоже самое было. Высота по факту 300рх, а возвращало 71рх. Важно понять почему так происходит.

lempzz,
потому что не всё имеет размер, например картинки не прогрузились.