小程序实现锚点跳转(非scroll-view实现)
通过点击事件跳转到指定的位置,在HTML中很容易实现。但在小程序中一般需要借助scroll-view组件来实现,而scroll-view在实现效果时,需要指定固定的高,但大多数时候我们不知道最终要显示的有多高,动态计算也比较麻烦。有没有其它的办法实现这种滚动效果呢?当然是有的。
通过给跳转位置绑定id类名的方式(类名必须是id),就可以实现,具体代码如下(本人使用wepy进行开发):
wxml 代码
<template>
<view>
<view style="font-size:60rpx;text-align:center">小程序锚点跳转</view>
<view bindtap="scrollToGreen" style="text-decoration: underline;display: inline-block;margin-right:38rpx">跳到green</view>
<view bindtap="scrollToPurple" style="text-decoration: underline;display: inline-block;margin-right:38rpx">跳到purple</view>
<view class="color red">red</view>
<view class="color orange">orange</vie