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);
    }

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值