当浏览器缩放时，scrollTop不生效

问题

当浏览器缩小到80%也就是浏览器分辨率大于1920*1080的时候，scrollTop++功能不生效。会发现scrollTop + 1 的时候其实值并没有发生变化。

原因

这是由于 scrollTop + 1 的时候实际上是 1 * window.devicePixelRatio ，如果结果小于1那么就会被判定是+ 0，所以要根据浏览器分辨率去判断，确保每次加的实际值是大于1的。

解决

if (navigator.userAgent.indexOf('Firefox') >= 0) {
    
    
	this.navigatorPx = 2;
} else {
    
    
	this.navigatorPx = 1;
}
this.rollPx = parseFloat((this.navigatorPx /  window.devicePixelRatio).toFixed(2) + 0.05 )// + 0.05 为了保证 ratio >= 1
 
divDom.scrollTop += this.rollPx;

注意这边为什么要区分浏览器呢，这是因为在火狐浏览器中可以正常滚动，但是在谷歌浏览器中不行。