ElemeFE / ElemeFE/element

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

Open
#20,484 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### 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?
没有触发

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.