На этом сайте разработчиков Joomla я заставил Skrollr работать над анимацией не только предметов рабочего стола в доме. страницу, но и заголовок, который «сжимается» при прокрутке. Моя проблема в том, что когда вы нажимаете на подстраницу «Функции», код Skrollr (перечисленный ниже) не соблюдается, даже если код есть. Например, логотип уменьшается в размере при прокрутке на главной странице, но не на странице «Функции».
Кто-нибудь видит конфликт или что-то, что может вызвать это? Я почти уверен, что тот же код с домашней страницы находится и на странице функций, поэтому я не понимаю, почему он не будет работать на обеих страницах.
var setSkrollr = function($el, data) {
for (var i = 0, l = data.length; i < l; i++) {
var d = data[i],
px = d[0];
css = d[1];
$el.attr('data-' + px, css);
}
}
jQuery(function($) {
setSkrollr($('#t3-mainnav'), [[0, 'height: 100px'], [300, 'height: 50px']]);
setSkrollr($('#t3-mainnav .container'), [[0, 'top: 25px; height: 100px'], [300, 'top: 0px; height: 500px ']]);
setSkrollr($('.logo-image a'), [[0, 'margin-top:-10px'], [300, 'margin-top:3px']]);
setSkrollr($('.logo-img'), [[0, 'width: 300px'], [300, 'width: 200px']]);
...