How do i execute this function only if screen is bigger than

Question

I want to execute this function only when screen is bigger than 1000px.

window.addEventListener(
    'scroll',
    event => {
      const nav = document.querySelector('.module')
      if (250 <= window.scrollY) {
        nav.classList.add('flyin')
        nav.classList.remove('module')
      }
      else nav.classList.List.add('none')
    },
    false
)

You can check for the width with `window.innerWidth` inside the function and proceed only if the width fulfills your requirements. — Łukasz Nojek, Jul 10 '19 at 09:08
`var width = Math.max(document.documentElement.clientWidth, window.innerWidth, jQuery(window).width() || 0); if (width > 1000) { /* CODE HERE */ }` — GrafiCode, Jul 10 '19 at 09:11
Possible duplicate of [Get the size of the screen, current web page and browser window](https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window) — GalAbra, Jul 10 '19 at 09:15

Sandhya Nair · Answer 1 · 2019-07-10T09:24:42.143

1

if (window.innerWidth > 1000) {
  window.addEventListener(
    'scroll',
    event => {
      const nav = document.querySelector('.module')
      if (250 <= window.scrollY) {
        nav.classList.add('flyin')
        nav.classList.remove('module')
      }
      else nav.classList.List.add('none')
    },
    false
 ) 
}

edited Jul 10 '19 at 09:24

answered Jul 10 '19 at 09:19

Sandhya Nair

157
2
9

why do `var w` when the variable name is not descriptive and it's only used once? – istepaniuk Jul 10 '19 at 09:22

score 0 · Answer 2 · answered Jul 10 '19 at 09:32

0

you can use the method resize in the addEventListener

answered Jul 10 '19 at 09:32

Falceless Men

1

How do i execute this function only if screen is bigger than

2 Answers2