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