Проблема анимации фона в Firefox и IE

Question

Проблема анимации фона в Firefox и IE

0

Я дизайнер, превращающий разработчика, работая над изучением параллакса. Я сделал этот тест, и он отлично работает на Chrome, но не в FireFox или IE. Какие-либо предложения?

Я использую ScrollMagic, который построен на GSAP.

Вот мой сценарий

$(document).ready(function($) {
    // build tween
    var tween = TweenMax.fromTo("#clouds2", 5, 
            {"background-position": "50% 0px"},
            {"background-position": "50% 2500px"}
        );

    // build scene
    var scene = new ScrollScene({triggerElement: "#container", duration: 3000})
                    .setTween(tween)
                    .addTo(controller);

    // show indicators (requires debug extension)
    scene.addIndicators();
});

http://joeyellisdesign.com/testingspace/parallaxtest/test/

Joey Ellis 30 апр. 2014, в 19:46

Источник

1

Object doesn't support property or method 'addIndicators' в консоли IE. Нажмите F12, чтобы перейти к инструментам разработки
Zach Saucier 30 апр. 2014, в 19:30
0

легко исправить, включив отладочные js, а также scrollmagic
obie 11 июль 2014, в 16:13

Теги:

javascript

jquery

css

scrollmagic

greensock

2 ответа

Ещё вопросы

Object doesn't support property or method 'addIndicators' в консоли IE. Нажмите F12, чтобы перейти к инструментам разработки
легко исправить, включив отладочные js, а также scrollmagic

bbuie · Answer 1 · 2014-10-24T13-18-00.000Z

Кажется, есть ошибка с TweenMax. Я не знаю решения, но я нашел работу.

Я протестировал следующее решение в Chrome, IE и Firefox.

Вы должны добавить как "background-position", так и "backgroundPosition",

Этот код должен работать:

var tween = TweenMax.fromTo("#clouds2", 5, 
            {"background-position": "50% 0px",
            "backgroundPosition": "50% 0px"},
            {"background-position": "50% 2500px",
            "backgroundPosition": "50% 2500px"}
        );

Надеюсь, TweenMax исправляет ошибку, потому что я не знаю, есть ли недостаток, включая оба.

Jan Paepke · Answer 2 · 2014-08-11T09-09-00.000Z

Это на самом деле проблема TweenMax.
Причина в том, что вы не должны использовать "background-position", но "backgroundPosition"

См. Здесь: http://greensock.com/forums/topic/8394-firefox-animating-background-position/

Для дальнейшей помощи следуйте этому руководству: https://github.com/janpaepke/ScrollMagic/blob/master/CONTRIBUTING.md