jQuery点击向上滑动

我现在在做一个评教系统,为了方便用户,选择完第一道题,页面自动下滑到下一道题,以此类推,页面效果如下:

(此页面是用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);
    }

选中某一道题就上划相应的距离。如有问题,期待小伙伴们留言提问哦~

猜你喜欢

转载自blog.csdn.net/lff1123/article/details/81670745