浏览器窗口缩小到一定比例,scrollTop无法修改的问题

问题现象:

浏览器窗口缩小到一定比例时,scrollTop无法进行赋值,始终等于0;

原因:

浏览器缩放的时候,scrollTop + 1会被设置成 1 * window.devicePixelRatio, 如果结果小于1就会被判定成+ 0, 所以需要保证每次变化的值大于1;

解决方案:

const ratio = parseFloat((1 / window.devicePixelRatio).toFixed(2) ) + 0.01 // + 0.01 为了保证 ratio >= 1
tableDom.scrollTop += ratio

 

posted @ 2023-01-12 10:08  小呀小恐龙  阅读(198)  评论(0)    收藏  举报