首页 > 其他分享 >uniapp 子页面 滚动监听 是否到底

uniapp 子页面 滚动监听 是否到底

时间:2023-09-09 12:55:59浏览次数:31  
标签:uniapp 滚动 height handleScrollToLower 监听 页面

主要属性:  handleScrollToLower

<template>
    <view class="menu">
        <scroll-view 
            id="scrollContainer" 
            class="scroll" 
            scroll-y 
            @scrolltolower="handleScrollToLower"
            >
            <view class="item">1</view>
            <view class="item">2</view>
            <view class="item">3</view>
            <view class="item">4</view>
            <view class="item">5</view>
        </scroll-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {
            handleScrollToLower(){
                console.log('已经滚动到底部了');
            }
        }
    }
</script>

<style scoped>
.item {
    height: 300rpx;
    width: 100%;
    background-color: beige;
    border-bottom: 5rpx solid orange;
}

.scroll{
    height: 770rpx;
}
</style>

 

标签:uniapp,滚动,height,handleScrollToLower,监听,页面
From: https://www.cnblogs.com/500m/p/17689315.html

相关文章

  • VBA*CommandBars控制菜单栏上的菜单(如页面设置、打印)
    Subtest()'视图工具栏中,各种工具对应的英文名称'worksheetmenubar表示工作表菜单栏Application.CommandBars("worksheetmenubar").Enabled=false'formatting表示格式工具栏Application.CommandBars("Formatting").Visible=False'standard表示常用工具栏Appl......
  • jenkins 插件更新页面报错
    jenkins插件更新页面报错:Jenkins安装插件出现Signatureverificationfailedinupdatesite'default'(showdetails)在docker-compose.yml启动文件加上hudson.model.DownloadService.noSignatureCheck=true环境变量version:"3.6"services:competent_goodall:......
  • uniapp项目实践总结(十三)封装文件操作方法
    导语:在日常APP开发过程中,经常要进行文件的保存、读取列表以及查看和删除文件等操作,接下来就看一下具体的方法。目录原理分析方法实现实战演练案例展示原理分析主要是以下API。uni.saveFile:保存文件到本地缓存列表;uni.getSavedFileList:获取保存文件列表;uni.getSa......
  • WPF 获取页面的子级
    usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Windows;usingSystem.Windows.Media; namespaceK.Controls.Controls.Helper{publicclassGetChildHelper{publicstaticTGetVisualCh......
  • 【IIS】HTTP 错误 405.0 - Method Not Allowed,无法显示您正在查找的页面,因为使用了无
    转自:https://blog.csdn.net/weixin_38211198/article/details/103597330问题HTTP 错误 405.0 - Method Not Allowed无法显示您正在查找的页面,因为使用了无效方法(HTTP 谓词)。 解决在IIS中,找到处理程序映射上面的报错已经指明是WebDAVModule模块,找到该模块  ......
  • 解决vue3+js unplugin-auto-import/vite 自动引入生效后 页面eslint报错
           ......
  • 使用CSS给页面关键词加条彩虹线
    使用CSS给页面关键词加条彩虹线给页面页面关键词下方加上一个彩虹颜色的装饰线条,更能吸引人注意力,这里来动手实现看看效果效果css.txt-title{width:600px; text-align:center; padding:10px0; margin-bottom:15px; }.txt-titlep,{ font-size:16px; padding:1......
  • 【电子量产工具】5.页面系统
    @TOC前言最近看了电子量产工具这个项目,本专栏是对该项目的一个总结。一、页面系统分析页面系统是指在软件应用或网站中,将功能和内容划分为不同的页面,并通过页面间的导航和交互来展示信息和实现用户操作的一种组织方式。页面系统通常由多个页面组成,每个页面都有自己的功能和呈现内......
  • el-input 回车事件keydown刷新页面(白屏)
    因为触发了form表单的事件,禁用即可,@submit.prevent<el-form:model="form"[email protected]><el-form-itemlabel=""><el-inputv-model="form.code"placeholder=""......
  • js中监听到浏览器标签页的新增、切换等变化
    在JavaScript中,可以使用visibilitychange事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。下面是一个示例代码,展示如何使用visibilitychange事件来监听标签页的变化:document.addEventListener('visibilitychange',function(){......