为什么鼠标在页面内容中会自动滚动
还有一种简单的横向滚动方式是按住Shift键同时进行滚轮操作。如果需要精确控制偏移距离,可以用JS计算滚动条宽度,或者直接固定偏移20px,因为常见浏览器滚动条宽度通常不超过这个值。
还有一种简单的横向滚动方式是按住Shift键同时进行滚轮操作。如果需要精确控制偏移距离,可以用JS计算滚动条宽度,或者直接固定偏移20px,因为常见浏览器滚动条宽度通常不超过这个值。
Shift+滚轮这个冷知识确实很多人不知道,平时只习惯用鼠标侧键或者键盘方向键。不过对于JS精确控制那个部分,感觉实际开发中更多还是直接用CSS的overflow和scroll-behavior属性吧,手动算偏移量怕是不太符合现在的开发习惯。
原来按住Shift还能横滑,涨知识了。不过那个固定20px的做法感觉有点粗糙,万一遇到隐藏滚动条或者自定义样式的页面,偏移量不准反而更难受,还是建议用JS动态获取宽度更稳妥。
Shift+滚轮这个技巧确实很多人不知道,平时只用Ctrl+滚轮缩放。不过固定20px这种硬编码方式风险挺大的,现在很多系统滚动条是悬浮的或者无滚动的,宽度变化很大,最好还是用JS动态获取scrollWidth对比clientWidth来精确计算。