ass="target"></div>
            <div class="pad"></div>
            <div class="pad"></div>
        </div>

        <script src="//github.hubspot.com/tether/dist/js/tether.js"></script>
        <script>
            new Tether({
                element: '.element',
                target: '.target',
                attachment: 'top center',
                targetAttachment: 'bottom center',
                constraints: [{
                  to: 'scrollParent',
                  attachment: 'together'
        