scroll.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* global document */
  6. import scrollUtils from '@ckeditor/ckeditor5-utils/src/dom/scroll';
  7. const { scrollViewportToShowTarget } = scrollUtils;
  8. document.getElementById( 'scrollToBlue' ).addEventListener( 'click', () => {
  9. const target = document.querySelector( '#target-blue .target' );
  10. scrollViewportToShowTarget( { target } );
  11. } );
  12. document.querySelector( '#target-blue button' ).addEventListener( 'click', () => {
  13. const target = document.querySelector( '#target-red .target' );
  14. scrollViewportToShowTarget( { target } );
  15. } );
  16. document.querySelector( '#target-red button' ).addEventListener( 'click', () => {
  17. const target = document.querySelector( '#target-green .target' );
  18. scrollViewportToShowTarget( { target } );
  19. } );
  20. document.querySelector( '#target-green button' ).addEventListener( 'click', () => {
  21. const target = document.querySelector( '#target-blue .target' );
  22. scrollViewportToShowTarget( { target } );
  23. } );