uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理方法
更新時間：2024年08月15日 09:37:53 作者：新生代農(nóng)民工-小王八
這篇文章主要介紹了uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理方法,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧
需求
遇到一個需求
解決方案
這個時候可以做一個內(nèi)頁面滑動判斷
<!-- scroll-y 做true或者false的判斷是否滑動 --> <view class="u-menu-wrap" style="background-color: #fff;"> <scroll-view :scroll-y="data.isGo" scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="data.scrollTop" :scroll-into-view="data.itemId"> </scroll-view> </view>
//通過整個頁面的滑動 來處理內(nèi)頁面是否滑動
onPageScroll((e)=>{
// e.scrollTop 表示當(dāng)前頁面滾動的距離 單位px
console.log('頁面滾動距離：', e.scrollTop);
if (e.scrollTop == 204) {
data.isGo = true
} else {
data.isGo = false
}
})效果圖
商品列表參考代碼 :src/pages/template/mallMenu/index2.vue · jry/uview-plus - 碼云 - 開源中國 (gitee.com)
到此這篇關(guān)于uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理的文章就介紹到這了,更多相關(guān)uniapp scroll-view頁面滑動聯(lián)動內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)banner圖輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要為大家詳細介紹了laydate.js日期時間選擇插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
JavaScript語句錯誤throw、try及catch實例解析
這篇文章主要介紹了JavaScript語句錯誤throw、try及catch實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
深入理解JavaScript Promise鏈式調(diào)用與錯誤處理機制
在JavaScript的異步編程中,Promise是一個非常重要的概念,它允許我們以鏈式的方式處理異步操作,使得代碼更加清晰和易于管理,本文將通過一系列代碼示例,深入探討Promise的鏈式調(diào)用和錯誤處理機制,需要的朋友可以參考下2024-09-09
在?TypeScript?中，映射類型可以幫助我們避免編寫重復(fù)的代碼，它可以根據(jù)現(xiàn)有類型和定義的一些規(guī)則來創(chuàng)建新類型。本文我們就來看一下什么是映射類型以及如何構(gòu)建自己的映射類型2022-08-08
JavaScript躲避行星游戲?qū)崿F(xiàn)全程
本文將使用 canvas 創(chuàng)建一個躲避小行星游戲。另外將重點介紹的兩個方面是：如何使用 JavaScript 來檢測鍵盤輸入，以及如何在游戲中使用和處理 HTML5 音頻。希望你能夠喜歡2022-08-08
這篇文章主要為大家詳細介紹了JS實現(xiàn)商品篩選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
JavaScript隊列數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要介紹了JavaScript隊列數(shù)據(jù)結(jié)構(gòu)詳解，隊列是一種先進先出的數(shù)據(jù)結(jié)構(gòu)，隊列中允許兩種基礎(chǔ)操作，也就是插入和刪除，也就是入隊和出隊2022-07-07
輸入有效信息時會有一些提示語，比如“請輸入用戶名”和“請輸入密碼”等語言，這篇文章就為大家介紹js實用技巧之輸入框提示語句的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-07-07
JavaScript自動設(shè)置IFrame高度的小例子
JavaScript自動設(shè)置IFrame高度的小例子，需要的朋友可以參考一下2013-06-06