尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

页面传参滚动锚点动画(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

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//