onscroll和fixed定位的问题

当在Vue中使用window.onscroll监听事件时,遇到滚动条监控失效的问题。问题源于fixed定位的元素,导致滚动事件无法正常触发。通过分析组件结构,发现在APP主入口组件中,含有fixed定位的元素影响了滚动事件。移除fixed定位后,事件恢复正常。总结经验,使用fixed定位时,避免内部嵌套滚动元素,应采用并列或其他布局方式。但仍有手机端无法滚动的问题待解决,可能涉及到手机端滚动事件的禁用。
摘要由CSDN通过智能技术生成

关于为什么会出现,窗口滚动条监控事件没起作用的问题:

1.问题在于这里没被触发:🌺
  • List item
window.onscroll=()=>{
           let htmlscroheight= document.documentElement.scrollHeight;
           let htmlscrolltop= document.documentElement.scrollTop;
           let htmlclientheight= document.documentElement.clientHeight;
            
            let sum=Math.floor(htmlscrolltop+htmlclientheight);
            console.log(htmlscroheight,htmlscrolltop,htmlclientheight,sum);
            if(htmlscroheight==sum){
                this.geturl();
            }
        }

2.相关组件
<template>
<div class="life-wrapper">
    <ul class="life" >
        <li v-for="(life,index) in lifeDetail
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值