luis-almeida/unveil

Non Body Scroll doesn't load.

Nick-lab opened this issue · 4 comments

Nick-lab commented

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

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

TomTheRock commented

problem still happend

Nick-lab commented

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

TomTheRock commented

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