delay problem


Topic: delay problem

pre Developer asked a year ago

Hello, i am using this "wow fadeInRight delay-1s" together.. when i scroll the page down there is no problem but at the bottom on my web site: when i refresh the page for scroll the up, i see no effekt no delay for these items.. items are coming at once delay is breaking the animations. how can i fix it

            <div class="row text-center line  overflow-hidden">
                <div class="col-md-4 mb-4 wow fadeInRight delay-1s">
                    <img src="images/adim1.svg" alt="" class="adim" />
                    <h4>title</h4>
                </div>
                <div class="col-md-4 mb-4 wow fadeInRight delay-2s">
                    <img src="images/adim2.svg" alt="" class="adim" />
                    <h4>title</h4>
                </div>
                <div class="col-md-4 mb-4 wow fadeInRight delay-3s">
                    <img src="images/adim3.svg" alt="" class="adim" />
                    <h4>title</h4>
                </div>
            </div>

Grzegorz Bujański staff commented a year ago

Hi. Please create snippet here: https://mdbootstrap.com/snippets I'll look at this.


pre Developer commented a year ago

i cant create i am taking "404. That's an error. The requested URL was not found on this server." i am not pro maybe it s the reason ? from Turkey. i creat same page look the topic "delay problem" button.


Grzegorz Bujański staff commented a year ago

Try delete delay class and use data-wow-delay attribute: <div class="col-md-4 mb-4 animated wow fadeInRight" data-wow-delay="1s">


pre Developer commented a year ago

yes it s ok now thank you.. you understood me :)


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.12.0
  • Device: pc
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No