jjzjj

pageScrollTo

全部标签

微信小程序 通过 pageScrollTo 滚动到界面指定位置

我们可以先创建一个page注意一定要在page中使用因为pageScrollTo控制的是页面滚动你在组件里用他就失效了我们先来看一个案例wxml代码如下view>buttonbindtap="handleTap">回到指定位置button>viewclass="ControlHeight">view>viewid="pinglun">指定位置view>viewclass="supportingBoundary">view>buttonbindtap="handleTap">回到指定位置button>view>wxss代码如下/*component/indexText.wxss*/.Contro

微信小程序设置锚点定位,wx.pageScrollTo

微信小程序中使用wx.pageScrollTo({)};进行页面锚点定位,一定要将根目录设置为滑动的根据。也就是page要设置样式为overflow-y:auto;指定他的高度。在其中,设置一个容器home设置id。在添加一个内容容器container设置类名。设置多个锚点,添加锚点类型如:node0,node1,node2等。然后通过点击事件传递要跳转的锚点信息。通过wx.createSelectorQuery().select(类名).boundingClientRect(res=>{}),,获取锚点中的数据。在通过wx.createSelectorQuery().select(“#hom

小程序-uni-app:实现锚点连接/锚点跳转(uni.pageScrollTo、scroll-into-view)

Uniapp支持锚点连接,可以通过以下步骤实现锚点连接一、在需要设置锚点的页面,为需要跳转的部分设置id属性。例如,设置一个id为“section1”的元素:这是需要跳转到的部分二、在需要跳转到锚点的页面,使用uni.navigateTo或uni.redirectTo方法,搭配URL参数的方式实现跳转。例如,跳转到id为“section1”的部分:uni.navigateTo({url:'/pages/destinationPage?to=section1'})三、在目标页面,使用uni.createSelectorQuery方法获取目标元素,并使用scrollIntoView方法滚动到目标元

微信小程序设置锚点定位,wx.pageScrollTo

微信小程序中使用wx.pageScrollTo({)};进行页面锚点定位,一定要将根目录设置为滑动的根据。也就是page要设置样式为overflow-y:auto;指定他的高度。在其中,设置一个容器home设置id。在添加一个内容容器container设置类名。设置多个锚点,添加锚点类型如:node0,node1,node2等。然后通过点击事件传递要跳转的锚点信息。通过wx.createSelectorQuery().select(类名).boundingClientRect(res=>{}),,获取锚点中的数据。在通过wx.createSelectorQuery().select(“#hom