search

luis-almeida / unveil

A very lightweight jQuery plugin to lazy load images
4.16k stars 676 forks source link

Non Body Scroll doesn't load. #146

Open Nick-lab opened 6 years ago

Nick-lab commented 6 years ago

Here is an example of my page layout.

<body>
   <div class="body-like-div">
         //body div is to mimic the body and allow overflow hidden
        <div class="side-nav">// list of nav-items</div>
        <div class="body-box">//contains content and scrolls</div>
   </div>
</body>

All the images that are at the top of the "body-box" will load but past the 200 px no more images load i checked by console.log out the urls to load.

this is when page is loaded capture 1

and this is scrolled down capture 2

Nick-lab commented 6 years ago

just fixed it. in the unveil.js i just updated the $w variable to $('body-container') instead of $(window)

TomTheRock commented 6 years ago

problem still happend

Nick-lab commented 6 years ago

whats the container that does that scrolling of your content? @TomTheRock

TomTheRock commented 6 years ago

I fixed this by clear the floating, because i using cols inside the collapse div. SlideDown works smooth now.

But the slideUp Animation is still not smooth it just hide/reset the initial height to 0...i don´t know why this happens, here a small test site: https://www.transpack-krumbach.de/test-collapse.html