How do I scroll to an element using JavaScript?

You can use an anchor to “focus” the div. I.e:

<div id="myDiv"></div>

and then use the following javascript:

// the next line is required to work around a bug in WebKit (Chrome / Safari)
location.href = "#";
location.href = "#myDiv";

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  3. How do I check whether a checkbox is checked in jQuery?
  4. How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
  5. How do I check whether a checkbox is checked in jQuery?
  6. (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
  7. How to make a word underline in Markdown
  8. How to play audio?
  9. How to play audio?
  10. Include another HTML file in a HTML file
  11. Check if checkbox is checked with jQuery
  12. How to add jQuery code into HTML Page
  13. How can I get the data-id attribute?
  14. How to resolve the C:\fakepath?
  15. Bootstrap Dropdown menu is not working
  16. jquery SlideToggle effect in upward direction?
  17. Adding options to select with javascript
  18. Set timeout for ajax (jQuery)
  19. How does the data-toggle attribute work? (What’s its API?)
  20. CSS height 100% percent not working
  21. HTML5 Local storage vs. Session storage
  22. Express Render not working return error: No default engine was specified and no extension was provided
  23. Programmatically change the src of an img tag
  24. Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
  25. Uncaught TypeError: Cannot read property ‘top’ of undefined
  26. How can I select an element by name with jQuery?
  27. Full-screen iframe with a height of 100%
  28. jQuery disable/enable submit button
  29. Parse an HTML string with JS
  30. Shortest way to print current year in a website
  31. DOMException: Failed to load because no supported source was found
  32. Vue is not defined
  33. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  34. Partial render in HTML/JavaScript
  35. onClick to get the ID of the clicked button
  36. HTML text input allow only numeric input
  37. How to change the buttons text using javascript
  38. How do I use this JavaScript variable in HTML?
  39. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  40. How to close current tab in a browser window?
  41. Why is marquee deprecated and what is the best alternative?
  42. Refresh/reload the content in Div using jquery/ajax
  44. How to write inside a DIV box with javascript
  45. How to get height of div in px dimension
  46. jQuery: Uncaught Error: Syntax error, unrecognized expression
  47. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  48. How to use in jQuery :not and hasClass() to get a specific element without a class
  49. Crop the image using JavaScript
  50. Adjust width and height of iframe to fit with content in it
  51. HTML Entity Decode
  52. Retrieve the position (X,Y) of an HTML element
  53. How to display raw JSON data on a HTML page
  54. How can I copy to clipboard in HTML5 without using flash?
  55. HTML5 rich-text inside textarea
  56. HTML onchange (this.value)
  57. How to make an HTML back link?
  58. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  59. How to scroll an HTML page to a given anchor
  60. How do I load an HTML page in a div using JavaScript?
  61. How do I check if a cookie exists?
  62. ReactJS – .JS vs .JSX
  63. how to call a onclick function in tag?
  64. How to implement “select all” check box in HTML?
  65. How to embed a youtube playlist with a sidebar
  66. External JavaScript Not Running, does not write to document
  67. JavaScript button onclick not working
  68. JavaScript button onclick not working
  69. jQuery sort elements using data id
  70. Create a simple 10 second countdown
  71. HTML make text clickable without making it a hyperlink
  72. JavaScript code to stop form submission
  73. Getting HTML form values
  74. Change an image with onclick()
  75. Get the size of the screen, current web page and browser window
  76. How to run a function when the page is loaded?
  77. Disabled href tag
  78. Creating Accordion Table with Bootstrap
  79. Creating Multiple Modals on a Single Page
  80. How to enable a disabled checkbox dynamically?
  81. Closing Bootstrap modal onclick
  82. When is a CDATA section necessary within a script tag?
  83. window.location() not working, not opening page
  84. How to clear the canvas for redrawing
  85. How to create checkbox inside dropdown?
  86. Adding Google Translate to a web site
  87. Javascript, viewing [object HTMLInputElement]
  88. Why onbeforeunload event is not firing
  89. How to use aria-expanded=”true” to change a css property
  90. How to wrap the content of the main tinyMCE editor with extra tags
  91. Contact Form 7 – Give each checkbox a class?
  92. How do developers add “Smooth Transitions” to their sites?
  93. Building a slide down search box in wordpress
  94. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  95. creating a static HTML/JS/PHP page
  96. Web cover page open when button clicked
  97. How to run Javascript popup modal in a loop?
  98. how to do open a link in a open window from menu bar? [closed]
  99. Styling parent based on a child element of a child in a WordPress page
  100. I have custom html mixed with inline javascript that I want added to my WordPress site, how do I achieve this?

Leave a Comment