我现在在做一个评教系统,为了方便用户,选择完第一道题,页面自动下滑到下一道题,以此类推,页面效果如下:
(此页面是用weui框架搭建的,结合templete循环接口传过来的数据显示所有题目,接口数据如下)
在每道题目的最外层的div绑定一个onclick事件,顺便传数据 'xh'。
<div class="swiper-slide" onclick="down({{value.xh}})">
根据传过来的数据,计算上划距离:
function down(n){
console.log(n);
switch (n){
case 1: x = 380; break;
case 2: x = 600; break;
case 3: x = 950; break;
case 4: x = 1250; break;
case 5: x = 1350; break;
default: x = 380;
}
$("body,html").animate({scrollTop:x},500);
}
选中某一道题就上划相应的距离。如有问题,期待小伙伴们留言提问哦~