判断元素是否可以滚动scroll_scroll 内容不够滚动判断

作者：我家小花儿 | 2024-03-23 13:15:15

踩

scroll 内容不够滚动判断

1. 前言

因为要做类似于微博的懒加载功能，所以要写一个懒加载组件lazyload.js。写的过程中，有一个很坑的问题：比如一般监听整个body页面的lazyload，则需要监听window.onscroll事件。如果每屏加载10条数据，但是电脑屏幕大了，10条数据也没有占满屏幕，此时就没法触发body的滚动，就没法加载后面的数据了。此时，我需要每次请求完数据后判断一下，要监听容器是否可以滚动，如果不可以滚动，则继续请求数据。以下结论均在chrome下测试：

2. 判断元素是否可以滚动

一开始想到的是判断clientHeight >= scrollHeight 就可以了，但是chrome浏览器下，认为scrollHeight最小也是clientHeight。那么此时问题来了。如果判断元素是否可以滚动?

如果元素不能滚动，那给它设置了scrollTop = 1，再获取scrollTop应该是0，这样子就可以判断了。但是没想到有以下2个坑：

1. js代码设置了scrollTop=1后，如果立马获取scrollTop则是1，但是在控制台里面获取scrollTop返回0

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/295377