首页常用代码正文

返回顶部代码

admin2022-07-10

<a href="https://api.whatsapp.com/send?phone=111111" class="back-to-top"><img src="img/WAICON.png"></a>
<style>.back-to-top{position:fixed;right:35px;bottom:90px;width:40px;height:40px;line-height:35px;background-color:#ffc600;color:#fff;font-size:28px;border-radius:5px;z-index:99;text-align:center;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;display:none}.back-to-top:hover{color:#fff;background-color:#021d3a}</style>
<script>
			$(window).on("scroll", function (event) {
				if ($(this).scrollTop() > 600) {
					$(".back-to-top").fadeIn(300);
				} else {
					$(".back-to-top").fadeOut(300);
				}
			});

			// Key: Animate the scroll to top
			$(".back-to-top").on("click", function (event) {
				event.preventDefault();

				$("html, body").animate(
					{
						scrollTop: 0
					},
					1000
				);
			});
		</script>


转载声明:本站发布文章及版权归原作者所有,转载本站文章请注明文章来源!

本文链接:http://gaogaojie.com/post/15.html

网友评论

复制成功
微信号: gaogaojie5
添加微信好友, 获取更多信息
我知道了
添加微信
微信号: gaogaojie5
添加微信好友, 获取更多信息
一键复制加过了
微信号:gaogaojie5添加微信