Socialite Scroll Demo

socialiteScrollDemo.html

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="https://raw.github.com/dbushell/Socialite/master/socialite.min.js"></script>
    <script>
        // Only use jQuery if your website 
        $(document).ready(function () {
            function CheckForDisplay() {
                var element = document.getElementById("socialButtons");

                if (elementInViewport(element)) {
                    Socialite.load();
                }
            }
            function elementInViewport(el) {

                var rect = el.getBoundingClientRect();
                return (
                    rect.top >= 0 &&
                        rect.left >= 0 &&
                            rect.bottom <= window.innerHeight &&
                                rect.right <= window.innerWidth
                );
            }
            $(window).on('resize', CheckForDisplay).on('scroll', CheckForDisplay);
        });
    </script>