scroll-top

scroll-view回到顶部的使用（scroll-top）

导致每次重新搜索的时候渲染页面都多5条出来，还会出现两次加载中的弹框，用户体验差无解所以用到scroll-view中的scroll-top事件，让滚动条强行到顶部官方文档：https://uniapp.dcloud.net.cn
mmmmmmmmmmmy·2024-01-13 07:23

微信小程序scroll-view滑动的时候滑动到指定位置

效果实现1.滑动的时候调动滑动事件bindscroll="scroll"我要在头部定义的标题栏这里面是你的一大堆内容scroll-with-animation过渡动画scroll-top="{{scrolltop
icoo张某人·2024-01-13 06:40

微信小程序scroll-view组件设置 scroll-top无效问题解决

微信小程序官方提供了一个可以设置滚动条位置的方法scroll-top在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top
DCodes·2023-12-18 15:40

【小程序】文本框聚焦时，弹出的键盘遮挡住文本框如何处理

实现方法通过input的聚焦事件触发计算页面滚动达到效果，定位滚动位置的需求使用的参数scroll-top来实现代码//页面滚动时记录滚动高度scroll(e){this.curScrollTo
帅比九日·2023-12-14 14:30

uniapp 聊天界面-仿微信聊天界面设计

websoket和拉取历史消息的接口还是需要自己去写，下方只做大致参考；具体消息格式下方代码块中已列出一、聊天主界面chatIndex.vueid="scrollview"scroll-y="true":scroll-top
二九筒·2023-12-07 00:20

踩坑记录：uniapp中scroll-view的scroll-top不生效问题；

scroll-view区域的内容恢复不滑动的状态；补充：下拉刷新操作scroll-view组件中的数据时，并不会让scroll-view的卷起状态重置；为实现上面需求；第一时间反应就是给scroll-view组件绑定scroll-top
前端白袍·2023-12-06 12:10

微信小程序 scrollview 滚动到指定位置

一、使用scroll-top属性实现滚动通过设置scroll-view组件的scroll-top属性，我们可以实现滚动到指定位置。
天問_·2023-11-30 13:54

微信小程序使用scroll-view标签实现自动滑动到底部

//1.scroll-y="true"Y轴滚动//2.应该是设置了高才能行//3.使用scroll-top属性实现滚动到底部,scroll-top不要带单位{{item.text}}Page({data
Min_nna·2023-11-15 15:15

如何让微信小程序弹窗滚动条设置在最上面

研究了一下终于发现了怎么解决第一步首先得把你的弹窗里面的内容用scroll-view标签包起来，像这样这里需要注意三点1一定要有高度，设置height2scroll-y=“{{true}}”一定要设置3设置scroll-top
Yannnnnm·2023-11-13 15:51

uni-app, 实现 scroll-view 自动滚动到底部，并控制触发频率

实现思路通过scroll-view组件的scroll-top属性可以设置容器竖向滚动条位置属性名Valuescroll-y允许纵向滚动scroll-top设置竖向滚动条位置想要实现scroll-view
天边月_·2023-09-23 13:05

uni-app scroll-view设置scrollTop为0返回顶部不生效

组件属性设置不生效解决办法：每次将scroll-view组件的scroll-top属性值设置为0，只有第一次能顺利返回顶部。
维他命Coco·2023-09-16 07:31

小程序学习之路三：让scroll-view容器内的内容自动滚动到底部

案例:消息列表充满屏幕的时候，底部永远要展示新消息，也就是说要让最新的数据自动向上滚动，这需要用到scroll-view的一个属性，scroll-top：设置竖向滚动条位置，效果如下：QQ20190627
liluo风·2023-09-03 16:16

uniapp 滚动到指定元素的位置(锚点)

最简单有效的方式（直接复制改数据就行）使用scroll-view标签的属性：scroll-top(距离值num)或scroll-into-view(子元素的id,不能以数字开头string);你渲染的内容点击事件
路过的假面骑士dcd·2023-08-24 23:10

uniapp scroll-view 回到顶部

点击tab切换时，我们希望列表从顶部开始scroll-view提供了scroll-top属性scroll-top设置只是设置scroll-top时不好使的，这里需要注意@scroll方法//template
拿回忆下酒·2023-07-16 08:56

scroll-top不会生效的原因

scrollTop:0click(){this.scrollTop=0}//如果scrollTop赋值与原来的值一样，scroll-top是不会生效的。
shxs875·2023-06-21 06:10

uniapp设置滚动条滚动到指定位置

场景：左侧菜单栏，每次切换时，需要右侧商品展示区保持滚动条及页面在最顶部1.利用scroll-view中scroll-top属性实现1.1设置scrollToTop属性为0data(){return{/
_Jyann_·2023-06-17 02:19

微信小程序scroll-view组件设置scroll-top无效

最近在做一款音乐播放器，在实现歌词定位滚动时，使用了scroll-view组件，scroll-top的值默认设置为0，需要实现这样一个功能：每次重新开始播放时，如果滚动条未回到顶部，需要手动回到顶部。
飞鱼YE·2023-04-09 11:41

base scroll横向滚动_微信小程序实践：2.3 可滚动的容器组件之 scroll-view

目录1、scroll-view相关问题2、应用场景3、主要属性讲解3.1，scroll-x、scroll-y，scroll-top、scroll-left、scroll-into-view3.2，滚动锚定
weixin_39814088·2023-04-02 14:22

uni-app scroll-view 使滚动条滚动到最底部 默认设置滚动条滚动到最底部

如为scroll-y，则设置scroll-top为9999--此处只是一个示例，设置一个比较大的值即可，滚动条的位置就会展示在最底部。
衣兜里·2023-04-02 13:00

uniapp完成一个商品左右菜单互连的组件（代码加注解原理）

让scroll-top=该item距离顶部的位置3.让左边菜单栏，每次点击的item都显示在中间。
new money·2023-03-11 18:53

uniapp关于scroll-view一直自动滚动到底部的功能

文章目录scroll-into-view使用scroll-top使用需求：一般在scroll-view中会放置一个list列表，当列表条目增加的时候，使其自动滚动到底部显示最后一条官方文档：scroll-view
snotJam·2023-02-04 13:28

小程序：scroll-view默认滑倒最下面

实现步骤：1、界面加上scroll-top的属性...2、data里面定义scrollTop:0//当前滚动条位置3、动态改他的滚动条位置letquery=wx.createSelectorQuery(
Ponnenult·2022-07-27 15:10

uniapp：完成商品分类页面（scroll-view），左侧导航，右侧商品

scroll-viewscroll-y允许纵向滚动scroll-top设置竖向滚动条位置scroll-with-animation在设置滚动条位置时使用动画过渡使用竖向滚动时，需要给一个固定高度，通过css
sunly_·2022-07-21 16:20

微信小程序：scroll-view制作横向滚动导航条特效

微信小程序：scroll-view制作横向滚动导航条特效一、scroll-view介绍微信小程序官方释义为：可滚动视图区域，目前一共有10几个属性，包括：scroll-x、scroll-y、scroll-top
猿仔·2022-06-23 19:50

微信小程序（4）：可滚动视图区域组件

文章目录scroll-view可滚动视图区域1、scroll-y：允许纵向滚动2、scroll-x：允许横向滚动3、scroll-top：设置竖向滚动条位置4、scroll-left：设置横向滚动条位置
小R.·2020-12-26 11:43

微信小程序：scroll-view自动滚动到最底部，附view标签滚动到底部方法

由于本身是小程序，且有支持的方法了，所以没有采用计算内容的高度，通过设置scroll-top的值，达到效果的方法（代码冗余没必要）。
如此如此。·2020-09-17 06:57

小程序点击回到顶部

一丶scroll-view标签包裹的回到顶部1.标签上增加两个事件bindscroll=“scrollPosition”scroll-top="{{topPosition}}"我是滚动区域data:{showBackTop
hql丶1024·2020-09-16 15:38

开发小程序中遇到的问题

使用使用scroll-top回到顶部，需要使用scroll来实时改变scroll-top的值....scroll(e){this.topNum=e.target.scrollTop},
yizhi_zhu·2020-09-13 07:57

小程序列表页实现回到顶部按钮

预览scrolltop.gif思路1.通过控制scroll-view的scroll-top属性值，设定它为0，就能回到顶部。
黄秀杰·2020-08-26 14:26

【微信小程序】仿京东商品分类界面

左右两侧可以各自滑动，互不影响→absolute布局2、商品根据不同数量自适应排列→flex-wrap的应用3、切换左侧导航后，右侧显示对应变化，且默认显示在顶部位置→scroll-view标签，设置scroll-top
一朵花与森林·2020-08-22 18:13

微信小程序顶部滚动通知 仿支付宝顶部通知 小程序滚动文字

主要代码//wxml部分{{announcementText}}{{announcementText}}//wxss部分/*文字滚动*/.scroll-top{background-color:#fffbd6
Taurus_666·2020-08-21 13:28

scroll-view 中scroll-top设置无效对问题

初次使用scroll-view中scroll-top，结果发现没有效果，所以在网上搜了一下，发现有问题的人还挺多的，所以就在此说明一下{{item.Name}}-->{{item2.Itself.Name
♂小哥哥·2020-08-15 19:56

uni设置scroll-top为0无效

uniapp里面使用scroll-view组件，动态设置scroll-top属性来控制滚动高度，但是当想滚动到起始位置时设置动态值为0时无效的。具体原因还在找，但是找到了解决方法。
百味苦·2020-08-15 07:26

cover-view字幕滚动条始终保持在最下方 小程序

第一次做直播类小程序需要做公屏新消息始终需要显示在公屏最下方填坑，反正我是菜鸡你随意，写个文，纯粹好玩，ihappyjiuOK注意：scroll-top属性生效仅在2.1.0以上版本生效同时滚动需要设置
骚断腿的朙朙·2020-08-10 13:57

【前端】【解决问题】uniapp的scroll-view组件的scroll-top，设置回到底部失效，解决方法

官方解决我一开始看官方方法以为不行，到处找，结果搞了两三个小时，然后一试官方方法就搞定了。还是官方人考虑的全。我的代码：html：js：exportdefault{components:{userChatBottom,userChatList},data(){return{scrollTop:0,//滚动条的位置old:{scrollTop:0},style:{contentH:0,itemH:0
唐tangxz·2020-08-10 08:59

关于小程序scroll-view组件更新时底部显示

做这个我们需要用到scroll-view组件的scroll-top属性，在开发遇到的坑。
weixin_42123532·2020-08-07 21:14

微信小程序 scroll-view横向滚动

看到有人将scroll-top属性用在了scroll-x=true的scroll-view组件上，问题显而易见scroll-top=”10”设置竖向滚动条位置scroll-x=”true”设置组件横向滚动自己写了一个横向滚动的
yang295242361·2020-08-05 22:33

vue自定义指令实现滚动div中的元素滚动到指定位置

importVuefrom'vue'//全局自定义指令给目标元素动画滚动到指定偏移位置如果绑定值为true则滚动到顶部Vue.directive('scroll-top',{/****@param{object
Ace.斗皇·2020-08-05 21:46

微信小程序-scroll-view滚动到索引位置(二)

有一些重要的关键点请看上一篇文章微信小程序-scroll-view滚动到指定位置(一)主要用到scroll-into-view如果你想让他回顶部直接用scroll-top即可话不多说,看代码wxml{{
莫兰迪不会没有瓶子·2020-08-01 08:53

微信小程序 scroll-view滚动到索引位置

有一些重要的关键点请看上一篇文章微信小程序-scroll-view滚动到指定位置(一)主要用到scroll-into-view如果你想让他回顶部直接用scroll-top即可话不多说,看代码wxml[html
东边的小山·2020-08-01 07:27

微信小程序：scroll-view改动内容自动滑动到页面底部

在项目中遇到对话机器人对话中，对话内容变动自动滑动到底部，采用的scroll-view中的scroll-top属性。
谈蕾蕾·2020-08-01 06:24

连胜--小程序中滚动条的使用，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

微信小程序使用scroll-view标签实现自动滑动到底部

//1.scroll-y="true"Y轴滚动//2.应该是设置了高才能行//3.使用scroll-top属性实现滚动到底部,scroll-top不要带单位{{item.text}}Page({data
冰淇淋真好吃·2020-07-31 22:09

2019最新填坑微信小程序 scroll-view 滚动条保持在底部（附效果demo）

注意：必须有高度,如果想要滚动条保持在底部,高度必须等于窗口的高度scroll-y='{{true}}'必须定义元素允许纵向滚动scroll-top='{{scrollTop}}'最后就是定义滚动条位置要求
June.1·2020-07-31 22:10

uni scroll-view滑动到最底层

一个简单的scroll-view滚动到底部例子内部的scroll-into-view应该是也可以的，但是要设置固定的滚动高度，如果不设置高度，只能使用scroll-top计算高度因为是计算高度，所以设置高度是可以
百味苦·2020-07-31 22:32

微信小程序之scroll-view

：垂直滑动水平滑动效果图：只用scollview需要注意一下几点：请勿在scroll-view中使用textarea、map、canvas、video组件；scroll-into-view的优先级高于scroll-top
何东_hd·2020-07-31 18:52

scroll-view点击item使之滚动到屏幕中间

商城分类页面点击左侧分类，实现当前点击的分类滚动到屏幕视图中间位置,首先获取屏幕的宽度，再获取点击元素的宽度，计算一下就可以获得应该滚动的距离，再更改scroll-top='scrollTop'即可微信获取元素宽高的方法
liuh·2020-07-28 23:01

uniapp scroll-view scroll-top设置无效

例如：每次将scroll-view组件的scroll-top属性值设置为0，只有第一次能顺利返回顶部。
我是某慧·2020-07-08 01:45

微信小程序中 scroll-view滚动条始终在最底部

刚开始试了scroll-top，等都无效。最后决定使用scroll-into-view也无效。
日落班·2020-06-29 05:20
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他