页面传参滚动锚点动画(swiper传参滚动到指定slide)
2024-11-28 Umming js常用代码 评论(0) 浏览(615)
传参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
声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
也许你还会对下面的内容感兴趣:
发表评论: