vue3点击按钮跳转到指定位置

1.添加点击事件

<view @click="estimate">评价</view>    

2.为将要跳转的位置添加id

<view class="pad-16" id="estimate" >

要跳的位置,也就是评价所在的模块。

</view>

3.编写点击事件

<script setup>

const estimate = ()=>{
        document.getElementById("estimate").scrollIntoView({ behavior: 'smooth'});
    }

</script>

uniapp更加直接

 

const scrollToTop = () => {
      // window.scrollTo({
      //   // top: document.documentElement.offsetHeight, //回到底部
      //   top: 0, //回到顶部
      //   left: 0,
      //   behavior: "smooth", //smooth 平滑;auto:瞬间
      // });
      uni.pageScrollTo({ 
           scrollTop: 0,
           duration: 1000
       });
    };
    // 跳转页面指定位置
    const handlaos = ()=>{
        uni.pageScrollTo({
            selector: '.tea',//你要跳转的样式位置
            duration: 300,//跳转时间段
        })
    } 

  • 7
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值