How to change scrollbar position?

by

You can calculate the percentage of the current position of the scrollbar using the onscroll event, and if it reaches the 50 % the scroll position can be set to the top of the page with the scrollTo function:

window.onload = function () { 
  window.onscroll = function () { 
    var doc = document.body, 
    scrollPosition = doc.scrollTop,
    pageSize = (doc.scrollHeight - doc.clientHeight),
    percentageScrolled = Math.floor((scrollPosition / pageSize) * 100); 

     if (percentageScrolled >= 50){ // if the percentage is >= 50, scroll to top
       window.scrollTo(0,0); 
     } 
   }; 
};

You can check my example here.

More Related Contents:

  1. Retrieve the position (X,Y) of an HTML element
  2. How can I get the browser’s scrollbar sizes?
  3. Make iframe automatically adjust height according to the contents without using scrollbar? [duplicate]
  4. How can I check if a scrollbar is visible?
  5. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  6. Check if element is visible on screen [duplicate]
  7. Get position/offset of element relative to a parent container?
  8. How to create a custom scrollbar on a div (Facebook style)
  9. javascript: detect scroll end
  10. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  11. Position fixed not working in mobile browser
  12. Getting selected text position
  13. onMouseMove get mouse position [duplicate]
  14. hide scrollbar and show on hover like facebook’s new chat sidebar [closed]
  15. Creating a collapsed range from a pixel position in FF/Webkit
  16. Check whether HTML element has scrollbars
  17. Javascript detect scrollbar in textarea
  18. How to calculate the width of the scroll bar?
  19. Getting the position of the element in a list when it’s drag/dropped (ui.sortable)
  20. random position of divs in javascript
  21. Load ajax when scroll reaches 80%
  22. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  23. Find caret position in textarea in pixels [duplicate]
  24. Javascript: how to call function through variable and pass parameters [duplicate]
  25. Loop inside React JSX
  26. How can I take advantage of callback functions for asynchronous XMLHttpRequest?
  27. Alert when browser window closed accidentally
  28. Center/Set Zoom of Map to cover all visible Markers?
  29. Throwing an Error in jQuery’s Deferred object
  30. How to use parameters within the filter in AngularJS?

Leave a Comment