لدي هذا الرمز حيث ينزلق الرأس لأعلى عند التمرير لأسفل وينزلق لأسفل عند التمرير لأعلى. تكمن المشكلة في أنه إذا كانت هناك صفحة لا يتم تمريرها، فسيختفي التنقل عند التمرير على الرغم من أن الصفحة ليست طويلة بدرجة كافية للتمرير. اكتب JS لـ Vue2 الذي يتحقق مما إذا كانت الصفحة طويلة بدرجة كافية. إذا لم يكن طويلًا بدرجة كافية، فقم بتعطيل التنقل. إذا كان طويلًا بدرجة كافية وقابلاً للتمرير، فقم بتمكين التمرير لأعلى/لأسفل. إليك الكود لتحريره:





 التصدير الافتراضي {
 الدعائم: ['fullLogo']،
 بيانات() {
 يعود {
 ناف ترانسليت: 0،
 التمرير السابقY: 0،
 عرض النافذة: 0
 };
 },
 المركبة() {
 this.windowWidth = window.innerWidth;
 window.addEventListener("resize", this.handleResize);
 window.addEventListener("scroll", this.handleScroll);
 },
 قبل التدمير () {
 window.removeEventListener("resize", this.handleResize);
 window.removeEventListener("scroll"، this.handleScroll);
 },
 طُرق: {
 مقبض تغيير الحجم () {
 this.windowWidth = window.innerWidth;
 },
 مقبض التمرير () {
 إذا (window.scrollY > this.previousScrollY && this.windowWidth >= 1024) {
 this.navTranslateY = -200;
 } آخر {
 this.navTranslateY = 0;
 }
 this.previousScrollY = window.scrollY;
 }
 }
 }
{"source": "ewof/sharegpt-instruct-unfiltered-deduped", "kind": "human", "evolved_from": null}