Came across this situation and can't figure why this works:
window.addEventListener( 'scroll', () => {
const pageHeight = window.pageYOffset
if ( pageHeight > 10 ) {
console.log(pageHeight)
}
} )
And this doesn't:
window.addEventListener( 'scroll', () => {
const pageHeight = window.pageYOffset
pageHeight > 10 ? console.log(pageHeight)
} )
Because ternary operators require that you define a "else" clause. Look at the documentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
You can do
window.addEventListener( 'scroll', () => {
const pageHeight = window.pageYOffset
pageHeight > 10 ? console.log(pageHeight) : null
} )
For this case you can also use short-circuiting and do
window.addEventListener( 'scroll', () => {
const pageHeight = window.pageYOffset
pageHeight > 10 && console.log(pageHeight)
} )