Проблема с jquery в области просмотра 3d при дублировании - PullRequest
Новая
       8

Проблема с jquery в области просмотра 3d при дублировании

3 голосов
/ 07 июля 2011

Проблема только сохраняется в FF и Chrome.Хьюз исправил это для IE

В настоящее время я работаю над сайтом, на котором я использую эффект параллакса для имитации 3D-эффекта.Используемый мной скрипт: smart3d (плагин jQuery).

Первый созданный мною слайд работает нормально (хотя по какой-то причине ширина 100% на самом деле не равна 100%).Если я продублирую его, то при перемещении он смещается вправо.если я повторяю это снова ... это сдвигается еще больше.

Я не могу найти, в чем проблема, поэтому я решил попросить вас, ребята, о помощи.Вы можете посмотреть на проблему здесь: http://basenharald.nl/3d/

Я поставил границы для нескольких элементов LI, чтобы мне стало понятнее.

надеюсь, что вы, ребята, можете помочь.

Кстати: я получаю ту же проблему, когда использую px вместо %, так что это не ответ.

Ответы [ 2 ]

4 голосов
/ 07 июля 2011

Это ошибка в smart3d. Он корректно настраивается для вертикальной прокрутки, но не учитывает горизонтальную прокрутку. Я нашел соответствующий код, и вот инструкции, как вы можете это исправить.

Откройте файл jquery.smart3d.js, и около строки 69 вы найдете, где мы связываем функцию mousemove с контейнером smart3d: 

thisObj.mousemove(function(e){
    if (settings['horizontal']) {
        var x = e.clientX - thisObj.offset().left;
        ...

Нам нужно учесть горизонтальную прокрутку, как это уже делается для вертикальной прокрутки. Измените функцию следующим образом: 

thisObj.mousemove(function(e){
    if (settings['horizontal']) {
        var st = $('html').scrollLeft();
        var x = e.clientX - thisObj.offset().left + st;
        ...

Сохраните файл и перезагрузите страницу.

Это должно исправить вашу проблему, так как скрипт обрабатывает вертикальное смещение точно так же. Я сам еще не пробовал!

0 голосов
/ 08 сентября 2011

Я отправил письмо автору, и через некоторое время он исправил это для меня.Новая загрузка не имеет этой проблемы: http://4coder.info/en/code/jquery-plugins/smart3d/download/

...