注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery网页锚链接平滑过渡切换代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-03-31
jQuery网页锚链接平滑过渡切换代码
jQuery网页锚链接平滑过渡滚动切换代码是一款轻量级插件,内置模糊和弹性特效,并提供回调函数共开发者使用。


js代码


<script src="js/jquery.anchorScroll.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	// Anchor Scroll
	$('.anchor-scroll').anchorScroll({
		scrollSpeed: 800 // scroll speed
	 });

	$('.arrow-up').anchorScroll({
		scrollSpeed: 1400, // scroll speed
		onScroll: function () {
		  $(".fill-bg").fadeIn( "slow" );
		  $(".popup").text("Scrolling...");
		},
		scrollEnd: function () {
		  $(".fill-bg").delay(1000).fadeOut( "slow" );
		  $(".popup").text("Done!");
		}
	 });
});


</script>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。