页面传参滚动锚点动画(swiper传参滚动到指定slide)
2024-11-28 Umming js常用代码 评论(0) 浏览(27)
传参url about.html?model=2 <script type="text/javascript"> //获取参数函数 function GetQueryValue(queryName) { var query = decodeURI(window.location.search.substring(1)); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == queryName) { return pair[1]; } } return null; } $(function(){ var model=GetQueryValue('model'); if(model==1){ $('html,body').animate({scrollTop:$("#about").offset().top-80}, 500); }else if(model==2){ $('html,body').animate({scrollTop:$("#history").offset().top-80}, 500); } else if(model==3){ $('html,body').animate({scrollTop:$("#team").offset().top-80}, 500); } //swiper slide跳转 mySwiper.slideTo(index, speed, runCallbacks) mySwiper.slideTo(model,1000,false) }) </script>
标签: swiper
上一篇: 页面内滚动锚点动画
本文链接:https://www.umming.com/js/361.html
声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
也许你还会对下面的内容感兴趣:
发表评论: