
document.getElementById('hogeID').classList.add('fix')

document.getElementById('hogeID').classList.remove('fix')

document.body.classList.remove('no-scroll')

document.getElementsByClassName('test')[0]

例：一定の高さスクロールしたらtableのheaderを固定する

/**
 * tableのheaderを固定処理
 */
onScroll(e) {
  const fixTableTop = document.getElementById('fugaID').getBoundingClientRect().top

  if (fixTableTop < 140) {
    document.getElementById('tableHeader').classList.add('fix')
  } else {
    document.getElementById('tableHeader').classList.remove('fix')
  }
},

##参考

####Document.getElementsByClassName()
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName

####Element.getBoundingClientRect()
https://developer.mozilla.org/ja/docs/Web/API/Element/getBoundingClientRect

####モーダルを開いている時にページがスクロールしてしまうのを防ぐCSSとJavaScriptのテクニック
https://coliss.com/articles/build-websites/operation/javascript/prevent-page-scrolling-when-a-modal-is-open.html