ScrollIntoView() causing the whole page to move

by

Fixed it with:

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })

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

More Related Contents:

  1. JS hide function error
  2. How to read with JavaScript [closed]
  3. How to implement something like this GIF that using mouse drag and select items
  4. Javascript counting all the characters from a HTML document
  5. Set cookie and get cookie with JavaScript [duplicate]
  6. Load and execution sequence of a web page?
  7. Check if an element contains a class in JavaScript?
  8. CSS transition doesn’t start/callback isn’t called
  9. JSFiddle code not working in my own page
  10. All About…. Z-Index?
  11. How to disable scroll without hiding it?
  12. Get the device width in javascript
  13. Set Webkit Keyframes Values Using Javascript Variable
  14. Why my show hide button needs double-click on first time
  15. Make scrollbar visible in mobile browsers
  16. Infinity Loop Slider Concepts
  17. Where should I put the CSS and Javascript code in an HTML webpage?
  18. jQuery Validation using the class instead of the name value
  19. Change CSS of class in Javascript?
  20. Center flex item in container, when surrounded by other flex items
  21. Access CSS file contents via JavaScript
  22. How to create checkbox inside dropdown?
  23. CSS Transition doesn’t work with top, bottom, left, right
  24. Add CSS rule via jQuery for future created elements
  25. Javascript-Setting background image of a DIV via a function and function parameter
  26. Preventing Child from firing parent’s click event
  27. How to keep elements non-refreshed
  28. How do you swap DIVs on mouseover (jQuery)?
  29. How to get a leaflet map canvas to have a 100% height?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment