Scroll Automatically to the Bottom of the Page

jQuery isn’t necessary. Most of the top results I got from a Google search gave me this answer:

window.scrollTo(0,document.body.scrollHeight);

Where you have nested elements, the document might not scroll. In this case, you need to target the element that scrolls and use it’s scroll height instead.

window.scrollTo(0,document.querySelector(".scrollingContainer").scrollHeight);

You can tie that to the onclick event of your question (i.e. <div onclick="ScrollToBottom()" ...).

Some additional sources you can take a look at:

Related Posts:

  1. Scroll to an element with jQuery
  2. Scroll to an element with jQuery
  3. How to disable scrolling temporarily?
  4. How to scroll an HTML page to a given anchor
  5. jQuery scrollTop() method not working
  6. How to scroll to top of page with JavaScript/jQuery?
  7. How do I redirect to another webpage?
  8. Uncaught ReferenceError: jQuery is not defined [duplicate]
  9. How do I check whether a checkbox is checked in jQuery?
  10. syntax error: unexpected token <
  11. Error OPTIONS net::ERR_CONNECTION_REFUSED
  12. Uncaught ReferenceError: jQuery is not defined [duplicate]
  13. JQuery – $ is not defined
  14. Cannot read property ‘push’ of undefined when combining arrays
  15. Download File Using JavaScript/jQuery
  16. Disabling and enabling a html input button
  17. Check if checkbox is checked with jQuery
  18. How can I get the data-id attribute?
  19. document.getElementById vs jQuery $()
  20. How to import jquery using ES6 syntax?
  21. How to filter an array/object by checking multiple values
  22. Uncaught SyntaxError: Invalid or unexpected token
  23. Infinite Scrolling in Asp.Net MVC with jQuery / AJAX Issues
  24. What are the difference between $(document).bind(‘ready’, function) and $(document).ready(function() {})
  25. How to use php code in javascript
  26. Adding images to a Bootstrap Carousel with AJAX
  27. How to read xml file contents in jQuery and display in html elements?
  28. How can I print using JQuery
  29. Unable to preventDefault inside passive event listener
  30. Loading local JSON file
  31. jQuery $.cookie is not a function
  32. How to check all checkboxes using jQuery?
  33. Setting background-image using jQuery CSS property
  34. Uncaught TypeError: Cannot read property ‘msie’ of undefined – jQuery tools
  35. keycode 13 is for which key
  36. How to update array value javascript?
  37. Equivalent of jQuery .hide() to set visibility: hidden
  38. How can I get the last character in a string?
  39. Uncaught TypeError: Cannot read property ‘name’ of undefined
  40. TypeError: $(…).DataTable is not a function
  41. jQuery explode string like PHP
  42. Validate date in dd/mm/yyyy format using JQuery Validate
  43. Dynamically load JS inside JS
  44. Simulate Keypress With jQuery
  45. Adding options to a
  46. How to open a URL in a new Tab using JavaScript or jQuery?
  47. Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined
  48. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  49. HTML Entity Decode
  50. jQuery remove options from select
  51. Extract hostname name from string
  52. jquery beforeunload when closing (not leaving) the page?
  53. how to get the value of a textarea in jquery?
  54. How do I pass the this context to a function?
  55. Escaping HTML strings with jQuery
  56. How to use z-index in svg elements?
  57. Why define an anonymous function and pass it jQuery as the argument?
  58. What is the best way to detect a mobile device?
  59. How to filter JSON Data in JavaScript or jQuery?
  60. Get querystring from URL using jQuery [duplicate]
  61. jQuery checkbox change and click event
  62. jQuery selectors on custom data attributes using HTML5
  63. How do I refresh a DIV content?
  64. TypeError: abc.getAttribute is not a function
  65. jQuery sort elements using data id
  66. How to fire an event on class change using jQuery?
  67. Uncaught SyntaxError: Unexpected token with JSON.parse
  68. TypeError getElementsByTagName is not a function issue
  69. How to open a Bootstrap modal window using jQuery?
  70. window.location.replace() not working to redirect browser
  71. How to check if the URL contains a given string?
  72. Check if url contains string with JQuery
  73. jquery to validate phone number
  74. Closing Bootstrap modal onclick
  75. stopPropagation vs. stopImmediatePropagation
  76. What’s a Good Javascript Time Picker?
  77. Ajax success function
  78. How can I exit from a javascript function? [duplicate]
  79. Cannot read property ‘preventDefault’ of undefined in javascript error
  80. Object doesn’t support property or method ‘addEventListener’
  81. How to fix javascript .toFixed is not a Function error
  82. jQuery checkbox checked state changed event
  83. etect the Enter key in a text input field
  84. WordPress 5.5 – ReferenceError: commonL10n is not defined error
  85. Jquery function working in Chrome Console but not in the code [closed]
  86. List of JS Events for Widgets?
  87. How to set callback to execute after all the tinyMCE editors have been initialized?
  88. How do I make my wordpress post appear in a mouse hover preview?
  89. Change each text after 4 second and each image after 2 second
  90. wp post_tag change minlength
  91. How to locate the js code and php code for certain function?
  92. Use one javascript variable into another javascript file
  93. Styling parent based on a child element of a child in a WordPress page
  94. Access jQuery tabs from primary menu while adding/removing class on tab container elements (accessing diff. tabs/tab content via primary menu items)

Leave a Comment