pageScrollTo

uni-app判断是否到底部

//获取某DIV高度uni.createSelectorQuery().select('.lists').boundingClientRect((res)=>{uni.pageScrollTo({scrollTop
R谢荣·2024-01-10 13:39

《微信小程序开发从入门到实战》学习六十五

6.4交互API6.4.5页面滚动API使用wx.pageScrollTo接口可使页面自动滚动到目标位置。
那长长遥远的路·2023-12-31 19:32

微信小程序：一键回到顶部功能（原生）

实现一键回到顶部主要用到wx.pageScrollTo(Objectobject)该方法可实现将页面滚动到目标位置，支持选择器和滚动距离两种方式定位。
dingcho·2023-12-24 11:28

uniapp：js push数据后，使用uni.pageScrollTo使页面滑倒最底部

uni.createSelectorQuery().select('#lists').boundingClientRect((rect)=>{//rect.height是滚动区域的高度//滑动到底部uni.pageScrollTo
sunly_·2023-12-16 07:36

uniapp中使用pageScrollTo让页面滚动到固定节点或距离

uniapp中使用pageScrollTo让页面滚动到固定节点或距离思路：计算当前节点距离顶部的距离+滚动距离然后使用pageScrollTo进行滚动（要保证页面加载完成之后在执行）#topic"+id
陌上花开·2023-11-30 10:44

小程序如何刷新当前页面

小程序可以通过调用wx.pageScrollTo()方法来实现刷新当前页面，该方法可以滚动页面并使页面滚动到顶部，从而达到刷新页面的效果。
&ACE&·2023-11-19 04:56

微信小程序 页面如何自动滚动到底部

function(){wx.createSelectorQuery().select('#body-view').boundingClientRect(function(rect){//使页面滚动到底部wx.pageScrollTo
劉三岁·2023-10-31 14:00

h5弹框滑动 ios_【报Bug】ios微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位...

所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题)[内容]ios微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位，只能用强制滚动来处理(uni.pageScrollTo
weixin_39914863·2023-10-21 08:12

uniapp小程序—切换页面后回到顶部

我自定义了导航条和头部组件，头部组件根据页面滑动距离进行改变，当我滑动到一定距离时，切换其他tabbar页面时，滑动了高度被继承了，导致当前页面的头部样式出现问题；【解决方案】1.onHide(){uni.pageScrollTo
看点博客·2023-09-28 18:39

uni-app uni.pageScrollTo排坑之滚动到指定id不起作用

uni.pageScrollTo(OBJECT)将页面滚动到目标位置。selector:id，必须是字母开头的，不支持纯数字的，重要的说三遍:不支持纯数字，纯数字，数字！
秦语川·2023-09-26 15:05

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

我们可以先创建一个page注意一定要在page中使用因为pageScrollTo控制的是页面滚动你在组件里用他就失效了我们先来看一个案例wxml代码如下回到指定位置指定位置回到指定位置wxss代码如下/
-耿瑞-·2023-09-14 02:53

微信小程序 解决 当套在scroll-view中后 wx.pageScrollTo 函数失效问题解决

pageScrollTo只是页面的API他对scroll-view的滚动是无法控制的但是scroll-view也提供了一个scroll-into-view属性我们编写一个小案例wxml参考代码如下回到指定位置指定位置回到指定位置
-耿瑞-·2023-09-14 02:53

微信小程序 | 页面自动滚动到指定位置

做法1.使用wx.createSelectorQuery().select().boundingClientRect()查询到需要滚动到的元素位置2.使用wx.pageScrollTo()将页面滚动到对应位置官方文档
听风在笑·2023-09-09 18:25

微信小程序的页面滚动事件监听

具体步骤如下：在页面的onLoad方法中注册页面滚动事件监听器：Page({onLoad:function(){wx.pageScrollTo({scrollTop:0,duration:0});wx.showLoading
lionliu0519·2023-09-05 14:08

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

微信小程序中使用wx.pageScrollTo({)}；进行页面锚点定位，一定要将根目录设置为滑动的根据。也就是page要设置样式为overflow-y:auto；指定他的高度。
前端小袁·2023-09-03 19:46

微信小程序自动滚动到底部

letthat=this;wx.createSelectorQuery().select('#communication').boundingClientRect(function(rect){wx.pageScrollTo
淚迷·2023-08-31 03:19

【uniapp 返回顶部】

返回顶部参数说明示例官方链接uni.pageScrollTo(OBJECT)将页面滚动到目标位置。
cv全粘工程师·2023-08-11 18:41

微信小程序 | 页面自动滚动到指定位置

做法1.使用wx.createSelectorQuery().select().boundingClientRect()查询到需要滚动到的元素位置2.使用wx.pageScrollTo()将页面滚动到对应位置官方文档
一剑落笙歌·2023-07-28 02:41

UNI-APP_uni-app获取滚动条距离页面顶部位置，uni-app设置距离顶部位置

id=页面生命周期设置滚动轴距离页面顶部的距离uni.pageScrollTo()方法uni.pageScrollTo({dura
小歪 | 前端·2023-07-25 21:36

uni-app 实现锚点跳转方法

将uniapp的uni.createSelectorQuery()方法与uni.pageScrollTo(OBJECT)方法结合使用更详细用法见官方文档：uni.createSelectorQuery(
杨葱儿·2023-07-13 23:29

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

Uniapp支持锚点连接，可以通过以下步骤实现锚点连接一、在需要设置锚点的页面，为需要跳转的部分设置id属性。例如，设置一个id为“section1”的元素：这是需要跳转到的部分二、在需要跳转到锚点的页面，使用uni.navigateTo或uni.redirectTo方法，搭配URL参数的方式实现跳转。例如，跳转到id为“section1”的部分：uni.navigateTo({url:'/pag
snow@li·2023-07-13 22:43

小程序页面滚动到指定位置

官方提供获取元素位置和滚动到目标位置API:1.使用uni.createSelectorQuery().select().boundingClientRect()查询到需要滚动到的元素位置2.滚动到目标位置:uni.pageScrollTo
超人不会飞啊·2023-06-14 14:05

【uniapp】同一页面实现描点定位

如果需要在同一页面内实现锚点定位，可以使用uni.createSelectorQuery获取到目标元素的位置信息，然后调用uni.pageScrollTo方法滚动到该位置。
Y_coder·2023-06-12 15:56

将页面滚动到目标位置（pageScrollTo或scroll-view）

wx.pageScrollTo方法一:wxml：xvxvxvxvxxxjs：data:{movethisTop:0},onLoad:function(options){letthat=thiswx.createSelectorQuery
慕木^_^·2023-04-14 18:00

uniapp 实现一键到顶和一键刷新功能

核心功能：利用uniapp的onPageScroll文档介绍：uni.pageScrollTo(OBJECT)|uni-app官网(dclou
大德大威顾神·2023-04-04 08:45

微信小程序 | 页面自动滚动到指定位置

做法1.使用wx.createSelectorQuery().select().boundingClientRect()查询到需要滚动到的元素位置2.使用wx.pageScrollTo()将页面滚动到对应位置
转角羊儿·2023-01-07 19:26

uniapp开发中的uni.pageScrollTo()页面滚动

**uni.pageScrollTo()**是页面级滚动（整个页面滚动），不是页面内某个区域滚动，即页面内某个容器内部滚动。
天外飞雨道沧桑·2022-12-10 09:19

微信小程序回到顶部

wx.pageScrollTo({scrollTop:0,duration:300})查看文档：https://developers.weixin.qq.com/miniprogram/dev/api/
卡卡大神·2021-06-27 06:30

微信小程序 置顶按钮

this.setData({floorstatus:true});}else{this.setData({floorstatus:false});}},goTop:function(e){if(wx.pageScrollTo
garbage_code·2020-11-11 10:25

微信小程序通用方法

*返回顶部*/backTop:function(){this.stickyFlag=false,wx.pageScrollTo({scrollTop:0,duration:500});},//跳转goLink
liu程序员·2020-09-15 10:39

uni-app运行在app中小程序，ios,安卓兼容性问题

uni.pageScrollTo({scrollTop:0,duration:0//将时长设置为0即可解决});
你的瑞瑞〰·2020-08-26 23:47

微信小程序 scroll-view实现锚点滑动

一开始我们的做法是使用boundingClientRect()方法获取每个锚点的坐标，然后再用wx.pageScrollTo
ITgecko·2020-08-19 23:41

微信小程序之将页面滚动到顶部或者目标位置wx.pageScrollTo

将页面滚动到指定位置有两种情况：页面滚动到顶部；滚动到某个元素的位置；wx.pageScrollTo()可以实现以上两种需求，具体用法如下综上：对于情况一，页面滚动回顶部，直接设置scrollTop:0
haoyanyu_·2020-08-17 22:02

在uni-app 中实现锚点跳转 实现

目标位置节点类或者iduni.createSelectorQuery().select(".viewbox").boundingClientRect((res)=>{//最外层盒子节点类或者iduni.pageScrollTo
叶语者·2020-08-15 19:01

uni点击导航栏滚动到本页面对应位置

scroll-view组件；2、通过createSelectorQuery方法获取顶部id、对应板块一id离顶部的距离；3、通过onPageScroll方法时时监听获取当前位置离顶部滚动的距离；4、最后通过pageScrollTo
努力奋进的程序猿·2020-08-15 18:47

uni-app 最美的回到顶部

htmljsdata(){return{flag:false}},methods:{top(){//回到顶部uni.pageScrollTo({scrollTop:0,duration:300});},
qq_36824777·2020-08-08 00:12

记录微信开发的坑（Taro小程序和公众号H5）

$scope);2、pageScrollTo无法跳转子组件的selector，
xszivvvv·2020-08-01 05:37

连胜--小程序中滚动条的使用，wx.pageScrollTo和的对比

即wx.pageScrollTo滚动到page页面的指定位置，组件可以设置scroll-top或者scroll-left的值，今天探讨一下使用哪种方式更合适。
极乐叔·2020-07-31 23:38

uniapp聊天对话滚动到底部

使用scroll-top使聊天对话滚动到底部scroll-view需要设置高度输入内容后，必然要在对话界面的底部显示内容，但是在uni-app下不知道如何能操作DOM来显示和定位，有说需要通过uni.pageScrollTo
renshanxk·2020-07-31 23:52

小程序聊天对话，每次都显示最新消息（让页面自动滚动到底部）

wx.createSelectorQuery().select('#scrollpage').boundingClientRect(function(rect){//console.log(rect.height);wx.pageScrollTo
草鞋船·2020-07-28 22:39

微信小程序开发之十 —— 点击事件

文章目录学习前后页面滚动消息提示框Toast模态对话框弹出操作菜单学习前后上一篇：微信小程序开发之九——JavaScript入门下一篇：微信小程序开发之十一——页面渲染页面滚动官方文档：wx.pageScrollTo
@不胜寒·2020-07-22 23:24

小程序之 微信小程序下拉上方出现空白

enablePullDownRefresh":false//这个在page.json中配置整个页面都不能滑动方法二：onPageScroll:function(e){if(e.scrollTop<0){wx.pageScrollTo
weixin_30293135·2020-07-13 16:15

小程序回到顶部

this.setData({showTotop:false,})}else{this.setData({showTotop:true,})}},//回到顶部toTop(){//一键回到顶部if(wx.pageScrollTo
小曲曲·2020-07-06 19:30

mpvue跳转同个路由页面的问题

onLoad(options){this.page_query=options;},onShow(){const_this=this;wx.pageScrollTo({scrollTop:0,success
coderW·2020-07-01 20:46

基于uni-app的聊天窗口实现

scroll-view高度的设置输入内容后，必然要在对话界面的底部显示内容，但是在uni-app下不知道如何能操作DOM来显示和定位，有说需要通过uni.pageScrollTo的方式，但是这个页面刷
weixin_33739646·2020-06-21 10:53

uniapp

ifdef#ifend#ifndefcss/**/||https://www.cnblogs.com/qisi007/生命周期onPageScroll监听页面滚动（e.scrollTop），可以用uni.pageScrollTo
lgyong·2020-05-21 17:00

连胜--小程序中滚动条的使用，wx.pageScrollTo和的对比

即wx.pageScrollTo滚动到page页面的指定位置，组件可以设置scroll-top或者scroll-left的值，今天探讨一下使用哪种方式更合适。
极乐叔·2020-04-07 22:27

百度/微信小程序点击按钮回到顶部（scrollTop=0）/点击拨打电话

e.scrollTop>300){this.setData({topFlag:true})}else{this.setData({topFlag:false})}},2、回到顶部scrollToTop(){swan.pageScrollTo
羞耻的搬运工·2020-02-06 12:53

小程序开发心得

小程序开发前后用了半个月结束了，对于其中遇到的一些注意事项记录一下：1.小程序中登录设计2.数据缓存清除问题3.小程序审核的时候4.多个tab并且分页的可以使用pagescrollTo不需要用scroll1
暖羊羊_d603·2019-12-08 02:27

小程序 聊天功能 页面滚动到底部

写在前：当我们给一个类设置overflow-y:scroll;overflow:hidden;的时候，wx.pageScrollTo不起作用。
美的人是吃货·2019-09-06 16:23
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他