[cOAPerator]

Всем привет, вопрос такой,

Код:

var totalWidthContent = $('#layout').outerWidth(); // ширина блока с контентом, включая padding
var totalWidthButton = $('#scroll_to_top').outerWidth(true); // ширина самой кнопки наверх, включая padding и margin
var totalPadding = $(window).width()/2-totalWidthContent/2-totalWidthButton;

$('#scroll_to_top').css({'right': totalPadding +'px'});

вычисляет нормально значение totalOtstup, но! при ресайзе страницы(меняем ширину окна мышой) динамически не вычисляет. только после ctrl F5
объясните почему?

[Весёлый химик]

1. А по ресайзу пересчет запускается?
2. Никогда outerWidth() не польлзовался, обычный width() не прокатывает?

[GoodHash]

Пересчитываем по ресайзу.

Код:

$(window).on('resize', function () {
  // resize
});

[cOAPerator]

Пробую так:

Код:

var totalWidthContent = $('#layout').outerWidth(); // ширина блока с контентом, включая padding
var totalWidthButton = $('#scroll_to_top').outerWidth(true); // ширина самой кнопки наверх, включая padding и margin
var totalPadding = $(window).width()/2-totalWidthContent/2-totalWidthButton;

$( window ).resize(function() {
 $('#scroll_to_top').css({'width': totalOtstup+'px'});
});

но не работает, ширина динамически не меняется, только при обновлении страницы

[SPIELER-x]

в ресайзе что за переменная више??
totalOtstup

[GoodHash]

У вас ресайзе каждый раз изменяется один раз подсчитанный отступ. Правильно так:

Код:

var updatePadding = function () {
  var totalWidthContent = $('#layout').outerWidth(); // ширина блока с контентом, включая padding
  var totalWidthButton = $('#scroll_to_top').outerWidth(true); // ширина самой кнопки наверх, включая padding и margin
  var totalPadding = $(window).width()/2-totalWidthContent/2-totalWidthButton;
  $('#scroll_to_top').css({'width': totalPadding+'px'});
};

updatePadding();
$( window ).resize(updatePadding);

Да, и totalOtstup неясно, откуда :)

[cOAPerator]

SPIELER-x, сори опечатался. totalPadding вместо totalOtstup.

GoodHash, спасибо. значит если я правильно понимаю, вычисление ширины нужно оборачивать в анонимную функцию, а метод resize будет запускать ее каждый раз при изменении размера экрана, верно?

[akrustam]

Да. Без собития ресайз работать не будет.

[wmas]

Предположение: первоначальная задача как-то связана с центрированием, что, при определённых условиях, можно решить на чистом CSS, не?

[GoodHash]

Возможно, но это надо видеть всю верстку.