ant-design-vue的select的popupScroll事件在判断是否滚动触底的时候,会存在不同分辨率有不同误差的情况,怎么解决?

ant-design-vue的select的popupScroll事件在判断是否滚动触底的时候,会存在不同分辨率有不同误差的情况,怎么解决?

const hanldeScrollFundN = debounce((val: any) => {

const {

target: { scrollHeight, scrollTop, clientHeight },

} = val || {}

const scrollH = scrollHeight - scrollTop

const clientH = clientHeight

console.log('相减:', scrollH, clientH)

if (scrollH - clientH < 100) {

// 原先设置的是 scrollH - clientH = 0表示滚动到底,因为有误差给了100

if (pageParams.pageNum < pages.value) {

pageParams.pageNum++

handleFundNOpt(searchVal.value)

}

}else {

console.log('没滚到底')

}

}, 500)

原先设置的是 scrollH - clientH = 0表示滚动到底,因为有误差给了100,但是发现不同分辨率的误差还不同,有些误差能达到131,这个误差值就很不到给了,有什么办法能精确判断滚动条是否触底吗?

以上是 ant-design-vue的select的popupScroll事件在判断是否滚动触底的时候,会存在不同分辨率有不同误差的情况,怎么解决? 的全部内容, 来源链接: utcz.com/p/934945.html

回到顶部