OwlCarousel load after page dom or images load

Question

I have a page with some sections. Any section have some OwlCarouse.When menu items anchor to sections (http://site/index.html#section), page scrolled to first of section position but when I copy link into another tab, position changed.

I think the problem is related to OwlCarousel jQuery loading. How to load it after page loading?

Javad · Accepted Answer · 2016-02-01T10:36:47.053

1

    if ( window.location.hash ) scroll(0,0);
    setTimeout( function() { scroll(0,0); }, 1);

    $(function() {

        if(window.location.hash) {
            $('html, body').animate({
                scrollTop: $(window.location.hash).offset().top + 'px'
            }, 1000, 'swing');
        }
    });

edited Feb 01 '16 at 10:36

answered Jan 30 '16 at 14:54

Javad

178
2
14

Consider adding small explanation about how/why it works. – Rajan Apr 26 '21 at 10:06

score 0 · Answer 2 · answered Jan 30 '16 at 11:00

0

Try initializing owl carousel after window is loaded:

$("window").load(function(){
  // initialize owl carousel
})

answered Jan 30 '16 at 11:00

Developer107

1,728
2
14
24

Consider adding small explanation about how/why it works. – Rajan Apr 26 '21 at 10:09

OwlCarousel load after page dom or images load

2 Answers2