新闻中心 网络推广 网站建设 优化推广

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

时间: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

如此即可。

新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

2H4G的服务器CPU一直100%,查询原因竟让人哭笑不得。
2H4G的服务器CPU一直100%,查询原因竟让人哭笑不得。

最近在维护一台服务器的时候发现这台服务器CPU一直在99%到100%。服务器上运行的网站不多,也才3个.一开始怀...

pbootcms后台增加多编辑器字段,可以随意增加多个编辑器
pbootcms后台增加多编辑器字段,可以随意增加多个编辑器

可以后台创建“多编辑器”字段,然后可以添加第一天、第二天、第三天行程之类的,看截图:注意:1、改修改需...

Top