亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue 監(jiān)聽某個div垂直滾動條下拉到底部的方法

 更新時間:2018年09月15日 14:31:48   作者:積累jiuduo  
今天小編就為大家分享一篇vue 監(jiān)聽某個div垂直滾動條下拉到底部的方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示:

this.$nextTick(() => {
const el = document.querySelector('.act-not');
const offsetHeight = el.offsetHeight;
el.onscroll = () => {
const scrollTop = el.scrollTop;
const scrollHeight = el.scrollHeight;
if ((offsetHeight + scrollTop) - scrollHeight >= -1) {
// 需要執(zhí)行的代碼
}
};
});

坑:在做滾動加載分頁時候,有時候第三方的彈窗如elementui 會出問題 ,這時候需要watch變量彈窗關(guān)閉時修改el.scrollTop=0即可。

以上這篇vue 監(jiān)聽某個div垂直滾動條下拉到底部的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • three.js實(shí)現(xiàn)vr全景圖功能實(shí)例(vue)

    three.js實(shí)現(xiàn)vr全景圖功能實(shí)例(vue)

    去年全景圖在微博上很是火爆了一陣,正好我也做過一點(diǎn)全景相關(guān)的項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于three.js實(shí)現(xiàn)vr全景圖功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-05-05
  • vue對storejs獲取的數(shù)據(jù)進(jìn)行處理時遇到的幾種問題小結(jié)

    vue對storejs獲取的數(shù)據(jù)進(jìn)行處理時遇到的幾種問題小結(jié)

    這篇文章主要介紹了vue對storejs獲取的數(shù)據(jù)進(jìn)行處理時遇到的幾種問題小結(jié),需要的朋友可以參考下
    2018-03-03
  • vue中的Object.freeze()?優(yōu)化數(shù)據(jù)方式

    vue中的Object.freeze()?優(yōu)化數(shù)據(jù)方式

    這篇文章主要介紹了vue中的Object.freeze()優(yōu)化數(shù)據(jù)方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue.js學(xué)習(xí)之遞歸組件

    vue.js學(xué)習(xí)之遞歸組件

    最近學(xué)習(xí)vue.js有一段時間了,使用vue做了一套后臺管理系統(tǒng),其中使用最多就是遞歸組件,也因?yàn)樽约簩俜轿臋n的不熟悉使得自己踩了不少坑,所以今天寫出來和大家一起分享。有需要的朋友們可以參考借鑒,下面來一起看看吧。
    2016-12-12
  • vuejs實(shí)現(xiàn)下拉框菜單選擇

    vuejs實(shí)現(xiàn)下拉框菜單選擇

    這篇文章主要為大家詳細(xì)介紹了vuejs實(shí)現(xiàn)下拉框菜單選擇,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • axios實(shí)現(xiàn)文件上傳并獲取進(jìn)度

    axios實(shí)現(xiàn)文件上傳并獲取進(jìn)度

    這篇文章主要為大家詳細(xì)介紹了axios實(shí)現(xiàn)文件上傳并獲取進(jìn)度,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • 在vue項(xiàng)目中設(shè)置一些全局的公共樣式

    在vue項(xiàng)目中設(shè)置一些全局的公共樣式

    這篇文章主要介紹了在vue項(xiàng)目中設(shè)置一些全局的公共樣式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • Pinia.js狀態(tài)管理器上手使用指南

    Pinia.js狀態(tài)管理器上手使用指南

    這篇文章主要為大家介紹了Pinia.js狀態(tài)管理器上手使用指南,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • 詳解使用vue實(shí)現(xiàn)tab 切換操作

    詳解使用vue實(shí)現(xiàn)tab 切換操作

    這篇文章主要介紹了詳解使用vue實(shí)現(xiàn)tab操作,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • element-table如何實(shí)現(xiàn)自定義表格排序

    element-table如何實(shí)現(xiàn)自定義表格排序

    這篇文章主要介紹了element-table如何實(shí)現(xiàn)自定義表格排序,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-07-07

最新評論