如何给scrollLeft变化的元素添加动画效果呢?-灵析社区

正确计算方式

如何给scrollLeft变化的元素添加动画效果呢 如题,我想在scrollLeft发生赋值改变的时候给元素加一个动画效果,让移动不那么生硬。

阅读量:176

点赞量:0

问AI
给滚动容器设置 "scroll-behavior" (https://link.segmentfault.com/?enc=L7I%2FfG%2Bh8lyq4aQp162hkQ%3D%3D.wK1EbhyXh4wVwPfiKWpcEO%2F0YwI0OFrl%2FERmeTXfgB%2Bo%2BhMerseXIJDSn%2F9%2FuhbXAO3b4Td35fhjq5%2BjxiRQPXyF59WozhWKKeHmhnZzjxE%3D) 属性做平滑滚动? Click the button to slide right! Slide right #container { width: 100px; height: 100px; border: 1px solid #ccc; overflow-x: scroll; scroll-behavior: smooth; } #content { width: 250px; background-color: #ccc; } const button = document.getElementById("slide"); button.onclick = function () { document.getElementById("container").scrollLeft += 20; };