實現效果

代碼如下

<template><view id='app'><view class="aa"></view><iconfont name="left"></iconfont>姓氏：<input style="background-color: antiquewhite;" type="text" v-model="aa" @focus="focus()" class="input1">+</view>
</template><script>export default {data() {return {}},methods: {focus(value){console.log(111)this.pageScroll()},pageScroll() {// 先獲取目標dom的實例信息// data即為實例信息, data.top, data.left, data.right, data.bottom即為dom的對應坐標uni.createSelectorQuery().select('.input1').boundingClientRect(data => { console.log("data.top",data.top)// 調用頁面滾動的apiuni.pageScrollTo({duration: 100, // 滾動動畫過渡時間scrollTop: data.top, // 滾動的值})}).exec();},},}
</script>
<style >.aa{height: 1300rpx;width: 100%;background-color: red;}
</style>