上海网站建设,深圳网站建设,成都网站建设,郑州网站建设

首页全屏滚动切换效果返回时定位不同屏

来源:上海怡友信息科技有限公司 发布时间:2020-04-08 18:27:12

项目需求,客户要求网站首页整屏切换,首页一共6屏。

然后光跳转到其他页面时,客户要求返回首页的时候可以指定跳转到指定屏。比如说第二,第三,第四,第五屏的位置。

解决方案:JS代码如下

function getQueryString(key){    
var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)");    
var result = window.location.search.substr(1).match(reg);    
return result?decodeURIComponent(result[2]):null;    
}    
$(window).load(function() {    
var pagenum = getQueryString('page');    
if (pagenum) {    
swiper.slideTo(pagenum-1, 300, true);    
}    
});


跳转或者返回链接

/?page=2
/?page=3
/?page=4

如此即可。

本文关键词:
相关文章
PbootCMS列表排序切换,时间/浏览量/点赞量/随机排序上一篇文章
下一篇文章pbootcms制作TAG标签列表时改成静态栏目URL结构
  • 上海

    销售热线:16601858886

    项目经理:李经理

    地址:嘉定区嘉罗公路1661弄盛创科技园39栋

  • 深圳

    销售热线:15899750475

    项目经理:杨经理

    地址:平湖华南城国际电子商务中心13栋

  • 成都

    销售热线:17717071808

    项目经理:雷经理

    地址:天府新区天府大道888号

  • 郑州

    销售热线:18516586661

    项目经理:张经理

    地址:中原区前进路81号