如何让表格滚动时不触发浏览器回退

背景

小李的老板想要看下最近公司的数据, 机智的小李用了一首歌的时间, 使用 S2 快速的搭建了一个透视表, 将报表链接发给了老板。

第二天, 老板秘书把小李叫进了会议室, 说老板昨天使用报表后暴跳如雷, 让小李赶紧想办法解决一下, 不然只能就地结算一下工资走人了! 小李吓得不轻, 仔细看了下秘书发的视频, 原来是老板使用的是 Mac 电脑, 每次用触摸板横向滚动时总是会触发浏览器的回退, 体验极差。

问题出在哪呢?

小李发现如果通过拖拽滚动条, 不会触发浏览器后退, 那么问题应该是出在滚动事件上

小李了解到他使用的 S2 透视表, 使用的是虚拟滚动技术, 通过监听容器的 wheel事件来做的一个按需加载, 本质上还是用到了浏览器的滚动事件, 而滚动条是模拟的, 而非浏览器的滚动条, 只会进行一个位置的同步, 不涉

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值