Reply to thread

When using XF.Animate.slideDown() and XF.Animate.slideUp() as replacements for jQuery.slideDown() and jQuery.slideUp(), you experience stilted animations.


XF.Animate.slideDown():

[ATTACH=full]301057[/ATTACH]



XF.Animate.slideUp():

[ATTACH=full]301058[/ATTACH]



Relevant JS code:

[CODE=javascript]for (let key in data.items)

{

    let item = data.items[key];


    XF.setupHtmlInsert(item, ($html, container, onComplete) =>

    {

        let self = this;

        $html.style.display = 'none';


        this.$container.insertBefore($html, this.$container.firstChild);

        XF.Animate.slideDown($html, {

            speed: (this.options.refreshDelay * 1000) / 2,

            complete ()

            {

                self.$container

                    .querySelectorAll('li:nth-child(n+' + (self.options.maxResults - 1) + ')')

                    .forEach($el => {

                        XF.Animate.slideUp($el, {

                            speed: (self.options.refreshDelay * 1000) / 2,

                            complete ()

                            {

                                $el.remove();

                            }

                        })

                    })

                ;


            },

        })


        XF.layoutChange();

    });

}[/CODE]


Back
Top Bottom