JavaScript QQ客服滚动跟随按钮
左侧跟随滚动的 QQ 客服按钮，挺适合做在线客服入口的。你只要一滑动，按钮就会乖乖跟着动，别说，体验还挺顺。实现方式嘛，就是监听滚动事件，加点 position 控制。代码量不大，适合快速上手。
用到的思路挺基础，主要是用 JavaScript 或 jQuery 来动态设置客服面板的 top 值。你可以参考这个插件：QQ 客服滚动条跟随插件，写法清晰，还带点动画，视觉上更舒服。
你要是想再美化一下滚动条，可以搭配用下 js 滚动条美化，整体风格会更统一。如果你还想加淘宝旺旺一块显示，那这个也蛮实用：QQ 与淘宝旺旺客服代码。
使用时记得客服按钮的容器要 定位好，一般建议用 position: fixed 配合点缓动效果，这样滚动更自然。移动端就别强上了，体验不太友好。
如果你做的是企业官网、电商页、活动推广页，这种滚动跟随客服还蛮加分的，能提高响应率。代码不复杂，调试两下就能跑通。
文件大小：13.78KB
评论区