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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

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

1 回答

?
素胚勾勒不出你

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊

您可以嘗試監(jiān)聽(tīng)子元素的滾動(dòng)。


并使用 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>


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


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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