第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

vue.js(2) window.scrollY 總是返回 0

vue.js(2) window.scrollY 總是返回 0

函數(shù)式編程 2023-09-21 16:29:26
我有一些關(guān)于 vuejs 和 router 的問題..我的組件中也未檢測到 window.addEventListener('scroll', ...) 。當(dāng)我在 console.log 中輸入“window.scrollY”時。它總是會返回 0 給我。右滾動(Y)可用并且window.innerHeight不等于0我無法檢測到客戶端何時將滾動條移動到底部我使用 vuestic 和 vue-router 謝謝 created () {    // Not working because window.scrollY always return 0    window.addEventListener('scroll', this.handleScroll);  },  methods: {    handleScroll (event) {}  }
查看完整描述

1 回答

?
素胚勾勒不出你

TA貢獻1827條經(jīng)驗 獲得超9個贊

您可以嘗試監(jiān)聽子元素的滾動。


并使用 getBoundClientRect：


<template>

  <div id="app">

    <nav>navbar</nav>

    <main id="listen">main</main>

  </div>

</template>


<script>

export default {

  name: "App",

  created() {

    document.addEventListener("scroll", this.listenScroll);

  },

  destroyed() { // remember to remove the listener when destroy the components

    document.removeEventListener("scroll", this.listenScroll);

  },

  methods: {

    listenScroll() {

      let myScroll = document.querySelector("#listen").getBoundingClientRect()

        .top;

      console.log(myScroll);

    },

  },

};

</script>


<style>

nav {

  height: 100px;

}

main {

  height: 700px;

}

</style>


這里有一個codesandbox https://codesandbox.io/s/great-hill-x3wb1?file=/src/App.vue:0-560


查看完整回答
反對 回復(fù) 2023-09-21
  • 1 回答
  • 0 關(guān)注
  • 680 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號