3***@qq.com

发布：2024-03-29 22:36
更新：2024-03-30 09:21
阅读：52

【报Bug】给view添加滚动条，绑定scroll事件，为什么在这个事件对象获取不了滚动信息参数？

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 4.07

手机系统： Android

手机系统版本号： Android 14

手机厂商：华为

手机机型： mi8

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：


<view class="vod-body">  
        <view class="vod-body--item" @scroll="scroll">  
            <view v-for="index in 500">{{index}}</view>  
        </view>  
        </view>


function scroll(d){  
    console.log(d);  
}


    .vod-body {  
        height: 360px;  
        overflow: hidden;  
    }  

    .vod-body--item {  
        height: 100%;  
        overflow: auto;  
        white-space: nowrap;  
    }

操作步骤：

在scroll回调函数中的事件对象获取不了滚动信息的参数

预期结果：

希望在scroll事件回调函数中能获取到scrollLeft, scrollTop, scrollHeight, scrollWidth等等滚动信息

实际结果：

在scroll回调函数中的事件对象获取不了滚动信息的参数

bug描述：

我给view添加滚动条，绑定scroll事件，为什么在这个事件对象获取不了滚动信息参数？比如滚动距离，scrollHeight等等参数信息，在这个事件对象中的detail属性为一个空对象

2024-03-29 22:36 负责人:无分享

1 个回复

喜欢技术的前端 - QQ---445849201

使用scroll-view 组件

<template>  
    <view>  
        <scroll-view scroll-y="true" class="vod-body" @scroll="scroll">  
            <view v-for="index in 500" :key="index">{{index}}</view>  
        </scroll-view>  
    </view>  
</template>  

<script>  
    export default {  
        methods: {  
            scroll(e) {  
                console.log(e)  
            }  
        }  
    }  
</script>  

<style lang="scss" scoped>  
    .vod-body {  
        height: 360px;  
    }  
</style>

要回复问题请先登录或注册

【报Bug】给view添加滚动条，绑定scroll事件，为什么在这个事件对象获取不了滚动信息参数？

操作步骤：

在scroll回调函数中的事件对象获取不了滚动信息的参数

预期结果：

希望在scroll事件回调函数中能获取到scrollLeft, scrollTop, scrollHeight, scrollWidth等等滚动信息

实际结果：

在scroll回调函数中的事件对象获取不了滚动信息的参数

bug描述：

1 个回复

公告

相关问题

【报Bug】给view添加滚动条，绑定scroll事件，为什么在这个事件对象获取不了滚动信息参数？

操作步骤： 在scroll回调函数中的事件对象获取不了滚动信息的参数

预期结果： 希望在scroll事件回调函数中能获取到scrollLeft, scrollTop, scrollHeight, scrollWidth等等滚动信息

实际结果： 在scroll回调函数中的事件对象获取不了滚动信息的参数

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

在scroll回调函数中的事件对象获取不了滚动信息的参数

预期结果：

希望在scroll事件回调函数中能获取到scrollLeft, scrollTop, scrollHeight, scrollWidth等等滚动信息

实际结果：

在scroll回调函数中的事件对象获取不了滚动信息的参数