SmoothDivScroll give me a blank div

Question

I am using the plug-in "Smooth Div Scroll 1.2".

In my website I notice that when I scroll to the last post appears another empty/blank one. It seems to be a problem with the multiple container divs that I'm using to format the info inside of the post.

HTML code for each post:

<div id="makeMeScrollable">
    <div class="scrollableArea">
        <div class="wrapper">
            <img src="css/fake.png" data-src="images/media/myimage.jpg" width="486"  alt=""  />
            <div class="more">+</div>
            <div class="description">
                <div class="description_content">
                    A description here
                </div>
                <div class="social_icons">
                    <a href="#" data-share="#"><img src="images/share.png" alt="share in Facebook" /></a>
                </div>
            </div>
        </div>
    </div>
</div>

And this is the example code used in the demo:

<div id="makeMeScrollable">
    <img src="images/demo/field.jpg" alt="Demo image" width="497" height="330" id="field" />
</div>

I don't know if this version handle another nested div, but this seems be the problem because I remove all the divs and just left the image and it works.

Thanks!

SOLUTION: Just put all inside of div.#makeMeScrollable, no other containers divs are allowed.

Answer 1

SOLUTION: Just put all inside of div.#makeMeScrollable, no other "containers" divs are allowed. If you check the past version (1.1) others divs were needed, not in this brand new version who make it via JS.