tutorials.de - scrollTop für DIV Element gibt immer 0 zurück - Demo #1

by SpiceLab

HTML

<div>....</div>
<div class="container-fluid portfolio-me" id="xxx" style="border:1px solid green;">
         
            <ul class="ul-wrapper-portfolio">
         
                <li>
                    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=450%C3%97350&w=450&h=300" class="img-thumbnail">
                </li>
                <li>
                    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=450%C3%97350&w=450&h=300" class="img-thumbnail">
                </li>
                <li class="li-clear-portfolio">
                    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=450%C3%97350&w=450&h=350" class="img-thumbnail">
                </li>
                <li>
                    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=450%C3%97350&w=450&h=350" class="img-thumbnail">
                </li>
             
            </ul>
         
        </div>
<div>...</div>

JavaScript

//var portfolio = document.getElementById('xxx');
 document.addEventListener("scroll", function( e ){
    console.log( 'PORTFOLIO: ' + document.body.scrollTop );
}, true);