首页全屏滚动切换效果返回时定位不同屏
时间: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
如此即可。
声明:本站部分文章和图片来源于网络,如果侵犯到了您的权益,请联系我们,我们会及时删除。