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

时间:2020-04-08   来源:白山市外贸网站建设

项目需求,客户要求网站首页整屏切换,首页一共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

如此即可。

声明:本站部分文章和图片来源于网络,如果侵犯到了您的权益,请联系我们,我们会及时删除。

TAG: 品牌网站建设 SEO优化推广 小程序开发 云服务器 电子商务平台 数据 免费 目标 业务 电商 分析 城市 集团 支持 关键 布局 搜索引擎 提高 时代 标准