PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Помогите допилить js скрипт под современную библиотеку.

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Korsand	Отправлено: 02 Мая, 2013 - 02:38:16
Гость Покинул форум Сообщений всего: 70 Дата рег-ции: Февр. 2013 Откуда: UA Donbass Помог: 0 раз(а)	Всех с праздничками. Нужна помощь. Имеется проблема в лице js скриптика, отвечающего за липкие блоки на странице. Вот пилотно-рабочий пример: http:// Проблема в том, что этот js работает с библиотекой 1.5.2 и более древними. А с более современными - напрочь отказывается. Его бы допилить (модернизировать), но у меня не хватает ума. Может кто-то поможет? Заранее благодарен! js код: (Отобразить) CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ $( '#followblock_levo' ).scrollFollow({ speed: 3000, offset: 6, }); $( '#followblock_pravo' ).scrollFollow({ speed: 2500, offset: 5, }); }); ( function( $ ) { $.scrollFollow = function ( box, options ) { box = $( box ); var position = box.css( 'position' ); function ani() { box.queue( [ ] ); var viewportHeight = parseInt( $( window ).height() ); var pageScroll = parseInt( $( document ).scrollTop() ); var parentTop = parseInt( box.cont.offset().top ); var parentHeight = parseInt( box.cont.attr( 'offsetHeight' ) ); var boxHeight = parseInt( box.attr( 'offsetHeight' ) + ( parseInt( box.css( 'marginTop' ) ) \|\| 0 ) + ( parseInt( box.css( 'marginBottom' ) ) \|\| 0 ) ); var aniTop; if ( isActive ) { if ( options.relativeTo == 'top' ) { if ( box.initialOffsetTop >= ( pageScroll + options.offset ) ) { aniTop = box.initialTop; } else { aniTop = Math.min( ( Math.max( ( -parentTop ), ( pageScroll - box.initialOffsetTop + box.initialTop ) ) + options.offset ), ( parentHeight - boxHeight - box.paddingAdjustment ) ); } } else if ( options.relativeTo == 'bottom' ) { if ( ( box.initialOffsetTop + boxHeight ) >= ( pageScroll + options.offset + viewportHeight ) ) { aniTop = box.initialTop; } else { aniTop = Math.min( ( pageScroll + viewportHeight - boxHeight - options.offset ), ( parentHeight - boxHeight ) ); } } if ( ( new Date().getTime() - box.lastScroll ) >= ( options.delay - 20 ) ) { box.animate( { top: aniTop }, options.speed, options.easing ); } } }; var isActive = true; if ( options.container == '') { box.cont = box.parent(); } else { box.cont = $( '#' + options.container ); } box.initialOffsetTop = parseInt( box.offset().top ); box.initialTop = parseInt( box.css( 'top' ) ) \|\| 0; if ( box.css( 'position' ) == 'relative' ) { box.paddingAdjustment = parseInt( box.cont.css( 'paddingTop' ) ) + parseInt( box.cont.css( 'paddingBottom' ) ); } else { box.paddingAdjustment = 0; } $( window ).scroll( function () { $.fn.scrollFollow.interval = setTimeout( function(){ ani();} , options.delay ); box.lastScroll = new Date().getTime(); } ); box.lastScroll = 0; ani(); }; $.fn.scrollFollow = function ( options ) { options = options \|\| {}; options.relativeTo = options.relativeTo \|\| 'top'; options.speed = options.speed \|\| 500; options.offset = options.offset \|\| 0; options.easing = options.easing \|\| 'easeInOutBack'; options.container = options.container \|\| this.parent().attr( 'id' ); options.killSwitch = options.killSwitch \|\| 'killSwitch'; options.onText = options.onText \|\| 'Turn Slide Off'; options.offText = options.offText \|\| 'Turn Slide On'; options.delay = options.delay \|\| 0; this.each( function() { new $.scrollFollow( this, options ); } ); return this; }; })( jQuery ); jQuery.extend( jQuery.easing,{ easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.2; if ((t/=d/2) < 1) return c/2(tt(((s=(1.135))+1)t - s)) + b; return c/2((t-=2)t(((s=(1 /1.135/))+1)t + s) + 2) + b; } }); ПС Мой выбор пал на этот скрипт, т.к. понравилась визуализация. А другого, с таким эффектом - я не нашёл. (Отредактировано автором: 02 Мая, 2013 - 21:40:30)

nerv	Отправлено: 02 Мая, 2013 - 12:02:07
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	Korsand пишет: другого, с таким эффектом - я не нашёл Про этот эффект речь? Korsand пишет: CODE (javascript): скопировать код в буфер обмена jQuery.extend( jQuery.easing,{ easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.2; if ((t/=d/2) < 1) return c/2(tt(((s=(1.135))+1)t - s)) + b; return c/2((t-=2)t(((s=(1 /1.135/))+1)t + s) + 2) + b; } }); Korsand пишет: Его бы допилить (модернизировать), но у меня не хватает ума песочницу тоже за тебя делать? ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

Korsand	Отправлено: 02 Мая, 2013 - 15:08:34
Гость Покинул форум Сообщений всего: 70 Дата рег-ции: Февр. 2013 Откуда: UA Donbass Помог: 0 раз(а)	nerv, я имел в виду не эффект easeInOutBack, а всю работу скрипта. Изначально в нём был не easeInOutBack, а linear. Это я уже туда влепил easeInOutBack. И в добавок, в данном скрипте, при движении блоков ничего в них не исчезает, а затем появляется после их остановки - всё отображается и двигается в месте с блоком. Потому что, в других найденных мной скриптах, косяки с исчезанием и появлением были. nerv пишет: песочницу тоже за тебя делать? Что такое песочница? Update Всё, вопрос снят, проблема решена. Это скрипт удалил, нашёл другой. После небольшой обработки напильником, визуализация на новом скрипте стала такой же как и на старом. Ну и само собой, перешёл на более современную библиотеку. Но что такое "песочница", я так и не допёр. (Отредактировано автором: 02 Мая, 2013 - 19:10:14)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.