Как адаптировать скрипт плавающего блока на jquery 1.7.1 для 1.9.1?

Question

[Иван]

Текщий вариант.

$(function() {
var offset = $("div.leftCol").offset();
var topPadding = 57;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("div.leftCol").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("div.leftCol").stop().animate({
marginTop: 0
});
}
});
});

Comments

[Дмитрий Клусевич]

а что не работает?

[Иван]

на jquery 1.9.1 не отрабатывает этот скрипт, а для галлереи другой нужен был jquery выше 1.8

Answer 1

[teotlu]

1) Есть такая волшебная кнопочка "код", вот здесь: joxi.ru/jMw8VP3JTJCFBVoFgUU , с ней намного проще было бы смотреть ваш код. Или хотя бы отступы добавьте.

2) В чём вопрос-то? Все используемые функции работают и в новой версии библиотеки, если что, можно свериться с разделом api.jquery.com/category/deprecated

3) А вообще для плавности лучше использовать свойство transform, оно поддерживается всеми современными браузерами: caniuse.com/#search=transform
Например, так:
jsfiddle.net/9ynswgn0

Comments

[Иван]

Не работает с code.jquery.com/jquery-1.9.1.js, а с code.jquery.com/jquery-1.7.1.min.js отрабатывает, никто не подскажет ?

[teotlu]

У меня в fiddle выставлена 1.9.1, так что дело не в этом явно. В консоли есть ошибки?

[Иван]

1. да есть ошибки
2. решил проблему подключением 1.8.3 (подсказал знакомый) слайдер о котором писал - fotorama.
3. насчет плавности - то, как раз предложенный вариант дерганный какой-то, изначаьный гораздо плавней.

[Иван]

fotorama требует 1.8 или выше из-за этого и появисля конфликт.

[teotlu]

1. Если спрашивают, есть ли ошибки, обычно подразумевается "какие?")) Но раз проблема решена, то уже не надо.
2. Какое хитрое решение.
3. Он дёрганный потому, что я выставил немного не те параметры для transition. jsfiddle.net/9ynswgn0/4 — уже сильно менее дёрганный, по-моему, плавнее оригинала. Плюс, благодаря тайминг-функциям появляется возможность делать вот такое: jsfiddle.net/9ynswgn0/6

[Иван]

@teotlu 1. Uncaught TypeError: Cannot read property 'msie' of undefined jquery.tools.min.js:32(anonymous function) jquery.tools.min.js:32(anonymous function)

[teotlu]

Это из-за свойства $.browser, которое deprecated, и было полностью уничтожено в новых версиях jQuery. Видимо, в jquery.tools оно используется. Ну, уже не имеет значения, раз всё заработало.