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()
Element.getBoundingClientRect()
モーダルを開いている時にページがスクロールしてしまうのを防ぐCSSとJavaScriptのテクニック