浏览器窗口缩小到小于80%比例，scrollTop无法修改

最新推荐文章于 2023-07-11 20:30:11 发布

習慣-學習

最新推荐文章于 2023-07-11 20:30:11 发布

阅读量639

点赞数 2

文章标签： firefox javascript 前端 chrome

本文链接：https://blog.csdn.net/m0_50015961/article/details/127589042

版权

工作专栏收录该内容

17 篇文章 0 订阅

订阅专栏

问题

当浏览器缩到80%的时候滚动条就动不了,在火狐浏览器中可正常使用，但是无法重置scrollTop

解决

浏览器缩放的时候,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.01 // + 0.01 为了保证 ratio >= 1
         
          divData.scrollTop += this.rollPx;