Detecting by how much user has scrolled

by

Pure JavaScript uses scrollTop and scrollLeft:

var scrollLeft = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;

https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollTop

jQuery version:

var scrollLeft = $(window).scrollLeft() ;
var scrollTop = $(window).scrollTop() ;

What you need is this:

document.getElementById('enlargedImgWrapper').style.top = (scrollTop+30) + 'px';

More Related Contents:

  1. How to have html popup appear over main html page?
  2. Write tags in HTML and print
  3. Change from (+) symbol to (-) after click (function(){
  4. How to disable HTML links
  5. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  6. How to prevent Unicode characters from rendering as emoji in HTML from JavaScript?
  7. Can you style an html radio button to look like a checkbox?
  8. How to style “input file” with CSS3 / Javascript? [duplicate]
  9. Changing element style attribute dynamically using JavaScript
  10. How do I clear the content of a div using JavaScript? [closed]
  11. How to get nth-child selector to skip hidden divs [duplicate]
  12. How to make div fixed after you scroll to that div?
  13. How to reorder divs using flex box?
  14. how to change the background image of div using javascript?
  15. How to keep the menu state on page reload
  16. HTML Alignment Issue in one machine only (both IE8)
  17. CSS height 100% percent not working [duplicate]
  18. Setting minimum size limit for a window minimization of browser?
  19. Find first scrollable parent
  20. make canvas as wide and as high as parent
  21. Creating Drop Down Menu on click CSS
  22. How to add smooth scrolling to Bootstrap’s scroll spy function
  23. show/hide html table columns using css
  24. Set focus and cursor to end of text input field / string w. Jquery [duplicate]
  25. Would onClick event work on touch on touch-screen devices?
  26. Override the -webkit-search-cancel-button
  27. How to toggle class using pure javascript in html
  28. Header message just like at Stack Overflow
  29. Retrieve width/height of a css3 scaled element
  30. jQuery when element becomes visible [duplicate]

Leave a Comment