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

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

Vue.js - 如何從 vuetify v-dialog 組件“抓取”滾動事件

Vue.js - 如何從 vuetify v-dialog 組件“抓取”滾動事件

九州編程 2023-09-14 18:07:10
我正在開發(fā)的 javascript 項目正在嘗試合并一個“滾動到頂部”按鈕，該按鈕僅在 Vuetify v-dialog 組件內(nèi)向下滾動（y 軸）20px 后才會呈現(xiàn)。我們在 v-dialog 內(nèi)還有一個 v-card 和 v-treeview（具有可滾動的項目列表）。但是，我似乎無法弄清楚如何實際“捕獲”該 v-dialog 組件中的滾動事件來觸發(fā)任何內(nèi)容。<v-dialog>  <v-card>    <v-treeview>  //scrollable list    </v-treeview>  </v-card></v-dialog>有什么想法嗎？？這是一個與我想要完成的任務(wù)非常相似的 Codepen。 https://codepen.io/carlos-henreis/pen/vzXKBJ
查看完整描述

3 回答

?
慕斯王

TA貢獻(xiàn)1864條經(jīng)驗 獲得超2個贊

我遇到了和OP同樣的問題。對話框中沒有發(fā)生 v-scroll 或 $vuetify.goTo() 的預(yù)期行為。

最終，我通過利用實現(xiàn)了一個普通的 JavaScript 解決方案

element.scrollIntoView()

在對話框中添加的 div 上。

在模板中：

<v-dialog>

? <div id="thisElement">

? ? <v-card>

? ? ? <v-treeview>

? ? ? ? ?//scrollable list

? ? ? ? ?<v-btn @click="goToTop">Scroll Up</v-btn>

? ? ? </v-treeview>

? ? </v-card>

? </div>

</v-dialog>

在方法中：


goToTop() {

? ? document.getElementByID("thisElement").scrollIntoView();

? },


查看完整回答
反對 回復(fù) 2023-09-14
?
慕絲7291255

TA貢獻(xiàn)1859條經(jīng)驗 獲得超6個贊

如果你想平穩(wěn)過渡：

document.getElementById("elementId").scrollIntoView({behavior: 'smooth'});


查看完整回答
反對 回復(fù) 2023-09-14
?
慕的地8271018

TA貢獻(xiàn)1796條經(jīng)驗 獲得超4個贊

  • 將“scrollable”屬性添加到“ <v-card>”

  • 添加v-scroll.self="onScroll"到（或滾動的元素）（根據(jù) v-scroll 文檔）

  • 將 id 添加到 ( id="requestform") （為滾動頂部選擇）

  • 添加滾動到頂部的按鈕（與上面的 codepen 相同）

  • 添加到頂部方法：

    toTop() {
  document.getElementById('requestform').scrollTop = 0
  },


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

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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