I have this code where the header slides up on scroll down and slides down on scroll up. The problem is if there's a page that doesn't scroll, the navigation goes away on scroll even though the page is not tall enough to scroll. Write JS for Vue2 that checks if the page is tall enough. If its not tall enough, then disable the navigation going away. If its tall enough and scrollable, then enable the slide up/down. Here's the code to edit:





 export default {
 props: ['fullLogo'],
 data() {
 return {
 navTranslateY: 0,
 previousScrollY: 0,
 windowWidth: 0
 };
 },
 mounted() {
 this.windowWidth = window.innerWidth;
 window.addEventListener("resize", this.handleResize);
 window.addEventListener("scroll", this.handleScroll);
 },
 beforeDestroy() {
 window.removeEventListener("resize", this.handleResize);
 window.removeEventListener("scroll", this.handleScroll);
 },
 methods: {
 handleResize() {
 this.windowWidth = window.innerWidth;
 },
 handleScroll() {
 if (window.scrollY > this.previousScrollY && this.windowWidth >= 1024) {
 this.navTranslateY = -200;
 } else {
 this.navTranslateY = 0;
 }
 this.previousScrollY = window.scrollY;
 }
 }
 }
ff1b60e2-d56c-446b-af8d-e91f22d7d8b4
У меня есть код, в котором заголовок сдвигается вверх при прокрутке вниз и опускается вниз при прокрутке вверх. Проблема в том, что если есть страница, которая не скролится, навигация исчезает при прокрутке, хотя страница не достаточно высока для этого. Напиши JS для Vue2, который проверяет, достаточно высока ли страница. Если она недостаточно высока, то отключите навигацию. Если она достаточно высока и скролится, то включите движение вверх/вниз. Вот код для редактирования:
export default {
props: ['fullLogo'],
data() {
return {
navTranslateY: 0,
previousScrollY: 0,
windowWidth: 0
};
},
mounted() {
this.windowWidth = window.innerWidth;
window.addEventListener("resize", this.handleResize);
window.addEventListener("scroll", this.handleScroll);
},
beforeDestroy() {
window.removeEventListener("resize", this.handleResize);
window.removeEventListener("scroll", this.handleScroll);
},
methods: {
handleResize() {
this.windowWidth = window.innerWidth;
},
handleScroll() {
if (window.scrollY > this.previousScrollY && this.windowWidth >= 1024) {
this.navTranslateY = -200;
} else {
this.navTranslateY = 0;
}
this.previousScrollY = window.scrollY;
}
}
}

submitted
0982e39f-758c-4022-863c-7831af244eba
У меня есть этот код, в котором заголовок скользит вверх при прокрутке вниз и скользит вниз при прокрутке вверх. Проблема в том, что если есть страница, которая не прокручивается, навигация исчезает при прокрутке, даже если страница недостаточно высока для прокрутки. Напишите JS для Vue 2, который проверяет, достаточно ли высока страница. Если она недостаточно высока, то отключите навигацию. Если она достаточно высокая и прокручиваемая, то включите слайд вверх / вниз. Вот код для редактирования:

```javascript
export default {
     props: ['fullLogo'],
           data() {
                 return {
                      navTranslateY: 0,
                      previousScrollY: 0,
                      windowWidth: 0
           };
     },

      mounted() {
            this.windowWidth = window.innerWidth;
            window.addEventListener("resize", this.handleResize);
            window.addEventListener("scroll", this.handleScroll);
      },

      beforeDestroy() {
            window.removeEventListener("resize", this.handleResize);
            window.removeEventListener("scroll", this.handleScroll);
      },

      methods: {
            handleResize() {
                   this.windowWidth = window.innerWidth;
      },

handleScroll() {
if (window.scrollY > this.previousScrollY && this.windowWidth >= 1024) {
this.navTranslateY = -200;
} else {
this.navTranslateY = 0;
}
this.previousScrollY = window.scrollY;
}
}
}
```

submitted
У меня есть этот код, где заголовок сдвигается вверх на скрул-вось и сдвигается вниз на скрул-вось. Проблема в том, что если есть страница, которая не скрулится, навигация уходит на скрул, хотя страница не достаточно высока для скрул-вось. Напишите JS для Vue2, который проверяет, достаточно высока ли страница. Если она недостаточно высока, то отключите навигацию, уходящую. Если она достаточно высока и скрулируема, то включите сдвиг вверх / вниз. Вот код для редактирования: экспорт дефолт {props: ['Logo'], окно данных) {Return {TranslateY: 0, previousScrollY: 0, previousScrollist: 0, previousWidist: 0
{"source": "ewof/sharegpt-instruct-unfiltered-deduped", "kind": "human", "evolved_from": null}