Javascript height causing glitch on page load

  • Anonymous User 14432102

    (@anonymized-14432102)


    9 years, 5 months ago

    Hi,

    Just wondering if anyone can offer any solutions to a little glitch on my site. WP Tiles is using javascript to set the height of the tiles but it’s doing it through inline CSS. When the page is first loaded there’s a slight delay while the JavaScript code figures things out and sets the height dynamically.

    This is causing elements on the page to momentarily stack before they jump back in to the right place.

    See website for example.

    I know it’s a minor issue but appears like there is a glitch when people first load the site.

    Any advice would be appreciated ??

    https://www.ads-software.com/plugins/wp-tiles/

Viewing 4 replies - 1 through 4 (of 4 total)

  • I love this plugin but I’m having the same issue. When the page loads, the images display almost the full height of the screen and then snap into place. It would be great to prevent this.

    You can manage some of this by giving the .wp-tiles-tile class an overflow hidden and 0 height, and a default height for its container.

    .wp-tiles-container {overflow:hidden;min-height: 370.85px;}
.wp-tiles-tile {overflow:hidden;height: 0;}

    However, page loading is still clunky. It would be nice if tiles were inserted once ready, without slowing down other page elements.

    Thread Starter Anonymous User 14432102

    (@anonymized-14432102)

    Thanks efrap. Did the job ??

    Many thanks, @efrap. Just got round to implementing this – works a charm ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Javascript height causing glitch on page load’ is closed to new replies.