设置qq在线客服并跟随页面滚动

最新推荐文章于 2022-02-11 11:13:37 发布

Anwous

最新推荐文章于 2022-02-11 11:13:37 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript HTML 文章标签： javascript qq

本文链接：https://blog.youkuaiyun.com/Anwous/article/details/73733877

HTML 同时被 2 个专栏收录

10 篇文章

订阅专栏

JavaScript

4 篇文章

订阅专栏

本文介绍了一段用于实现QQ客服悬浮窗功能的JavaScript代码。该功能允许网页中嵌入一个可以随页面滚动的QQ客服图标，便于访客随时联系客服进行咨询。通过使用特定的API和DOM操作实现了悬浮窗的位置调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a id="service_info" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:123456789:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
<!-- 客服代码 -->

	  	$(window).scroll(function() {
	  	var top = $(window).scrollTop()+200;
	  	var right= $(window).scrollLeft()+20;
	  	$("#service_info").css({ right:right + "px", top: top + "px" });
	  	});