Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
- $(document).ready(function(){
- var $element = $('#waypoint');
- waypoint($element);
- function waypoint($element)
- {
- var hasTriggered = false;
- $(window).scroll(function() {
- var elementTop = $element.offset().top,
- elementHeight = $element.outerHeight(),
- windowHeight = getWindowHeight(),
- windowScroll = $(this).scrollTop();
- if (windowScroll > (elementTop+elementHeight-windowHeight) && !hasTriggered){
- console.log('you have scrolled to the element ' + $element[0].id);
- hasTriggered = true;
- }
- });
- }
- function getWindowHeight()
- {
- var viewportHeight;
- if (document.compatMode === 'BackCompat') {
- viewportHeight = document.body.clientHeight;
- } else {
- viewportHeight = document.documentElement.clientHeight;
- }
- return viewportHeight;
- }
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement