Encontré esta situación y no puedo entender por qué esto funciona:
window.addEventListener( 'scroll', () => { const pageHeight = window.pageYOffset if ( pageHeight > 10 ) { console.log(pageHeight) } } )Y esto no:
window.addEventListener( 'scroll', () => { const pageHeight = window.pageYOffset pageHeight > 10 ? console.log(pageHeight) } )Porque los operadores ternarios requieren que defina una cláusula "else". Mire la documentación: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
Tu puedes hacer
window.addEventListener( 'scroll', () => { const pageHeight = window.pageYOffset pageHeight > 10 ? console.log(pageHeight) : null } )Para este caso, también puede usar un cortocircuito y hacer
window.addEventListener( 'scroll', () => { const pageHeight = window.pageYOffset pageHeight > 10 && console.log(pageHeight) } )