ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.13k stars 14.64k forks source link

[Bug Report] v-infinite-scroll 在 devicePixelRatio bug #20484

Open wp56610 opened 4 years ago

wp56610 commented 4 years ago

Element UI version

2.14.1

OS/Browsers version

window 10 . chrome 87.0.4270.0 (正式版本)

Vue version

2.6.12

Reproduction Link

https://jsfiddle.net/cty41wnf/3/

Steps to reproduce

设置浏览器缩放,或者设置系统缩放, 让 devicePixelRatio 不为整数, (精度丢失的情况,并非每个值都会出现) 默认 infinite-scroll-distance="0" ,在一定的缩放比例情况下不能触发

当用户的设备默认 devicePixelRatio 为小数时, 可能会导致此类问题,

解决方案, infinite-scroll-distance="0" 设置一个大于 0 的值, 例如设置 100,建议修改默认值 0 为一个有意义大于偏差值的小数值.

https://element.eleme.cn/#/zh-CN/component/infiniteScroll 官方示例在, devicePixelRatio 为 1.75的时候,也无法触发加载,

What is Expected?

可以触发滚动 v-infinite-scroll

What is actually happening?

没有触发

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

littleseven007 commented 1 year ago

+1