深圳网站建设,龙华网站建设,龙岗网站建设,布吉网站建设

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

来源:深圳黑马品牌网站设计 发布时间: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结构