scroll-view
uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决
问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......
uniapp之scroll-view添加自定义刷新
自定义scroll-view 下拉及复位 来自：https://ask.dcloud.net.cn/question/176935 <template> <view class="action"> <scroll-view scroll-y :style="'height:'+listHeight+ ......
scroll-view回到顶部的使用（scroll-top）
<scroll-view scroll-y class="right-box" :scroll-top="scrollRightTop" @scrolltolower="onreachBottom" :refresher-enabled="true" :refresher-triggered="tr ......
uniapp中scroll-view滚动到指定组件位置
最近做一个uniapp的聊天室界面，当获取聊天信息之后需要下滑到底部最新消息处，当上拉刷新的时候需要再往上一格移动到下面的消息 通过scroll-view的滚动和下拉刷新来实现 在scroll-view的属性中设置 :scroll-into-view="state.scrollIntoMessage ......
直播源码开发，实现 scroll-view 自动滚动到底部，并控制触发频率
直播源码开发，实现 scroll-view 自动滚动到底部，并控制触发频率 HTML scroll-view 固定高度，允许纵向滚动，scrollTop 值通过变量动态改变。将 scroll-view 内容区域通过 view 标签进行包裹。 <scroll-view class="dialogue- ......
微信小程序scroll-view
<!--纵向滚动--> <scroll-view class="myScroll" scroll-y> <view class="row">1</view> <view class="row">2</view> <view class="row">3</view> <view class="row" ......
微信小程序自定义tabbar遮挡scroll-view问题
在使用小程序开发时，底部为自定义导航栏，在使用scroll-view滚动页面时，滚动到底部时最后一条或多条数据被导航栏遮挡，如下： 解决方案： 1.获取用户手机宽度和高度 let deviceWidth = wx.getSystemInfoSync().windowWidth;//获取屏幕宽度 le ......
android短视频开发，scroll-view的横向滚动
android短视频开发，scroll-view的横向滚动 css .scrollCon{white-space: nowrap;display: flex;align-items: center;}.monthItem{display: inline-block;width: calc(100% ......
短视频直播系统，scroll-view 实现自动滚动到最底部
短视频直播系统，scroll-view 实现自动滚动到最底部 在滚动视图组件内再加一层view视图，布局改动后，源代码如下 <template><view><scroll-view class="scroll-view" :style="{height:scrollViewHeight+'px'}" ......
微信小程序 scroll-view 组件的 bindscroll 不触发不生效
使用微信小程序基础组件中的scroll-view，但是滑动的时候 bindscroll 一直不生效。 <view class="container log-list"> <scroll-view scroll-y style="height:100%;white-space:nowrap;" scr ......
scroll-view 组件里的 scroll-into-view 属性实例
微信小程序的scroll-view组件中，scroll-into-view 属性可以指定滚动到指定id的位置。 <scroll-view class="content" scroll-y scroll-into-view="{{ intoIndex }}" scroll-with-animation ......
2023-08-04 uniapp之scroll-view无法横向滚动
解决方案： 给scroll-view设置样式 white-space: nowrap 然后scroll-view里面的子项要设置样式为 display: inline-block; 接着scroll-view的属性scroll-x要设置为true scroll-x="true" 如果这都不出现滚动， ......
uniapp 蒙版层中使用scroll-view解决滚动穿透
使用page-meta来解决这个问题 nvue没试过 在当前页面上使用 page-meta必须是页面的第一个元素，当弹出层显示的时候，将overflow 变为hidden就可以了，记得写height:100vh page-meta类似于H5中的body，等同于给body加上了overflow hid ......
微信小程序中由scroll-view中使用fixed定位的元素引发的bug~
在微信小程序中，scroll-view中使用position:fixed定位的元素会失效，不再相对于根元素来定位，而是相对scroll-view定位。 经过查证，是**由于scroll-view中的 refresherEnabled 导致的fixed失效**。 ## 解决 **前提：**页面有下拉刷 ......
微信小程序使用scroll-view，实现顶部下滑与页面融为一体
在需要下滑的页面放置scroll-view html <scroll-view class="refresh" scroll-y="{{true}}" refresher-enabled="{{true}}" refresher-triggered="{{showTriggered}}" refre ......
app直播源代码，scroll-view下拉刷新与上拉加载更多
app直播源代码，scroll-view下拉刷新与上拉加载更多 1、wxml代码 <!-- 数据列表 --><scroll-view class="box-scroll" scroll-y='true' refresher-enabled="true" refresher-threshold="{{ ......
2023-06-14 记录一下uniapp scroll-view（下拉刷新）
<template> <view> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="mess-scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="sc ......
微信小程序scroll-view无法下拉刷新
使用uniapp写微信小程序 scroll-view下拉刷新滑一点就卡住,无法触发下拉刷新 原因:动态赋予了scroll-view高度 解决方案:改变scroll-view高度时使用v-if重新渲染该元素 <scroll-view scroll-y v-if="headerHeight" :styl ......
微信小程序 scroll-view bindrefresherrefresh 无法下拉刷新问题
当出现bindrefresherrefresh 方法拉不动无法触发下拉刷新的问题的时候基本都是scroll-view 的高度设定的问题， 需要在scroll-view 添加 wx:if="{{scrollHeight}}" 判断一下当有scrollHeight高度后再渲染scroll-view sc ......
直播app开发搭建，scroll-view封装自定义下拉刷新
直播app开发搭建，scroll-view封装自定义下拉刷新 完整代码 <!-- container.vue --><template><view><scroll-viewscroll-y="true"class="scroll-view":refresher-enabled="refresh":r ......
视频直播源码，scroll-view如何自适应页面剩余高度
视频直播源码，scroll-view如何自适应页面剩余高度 首先想到的方法是通过计算得出scroll-view的高度，使用100vh即视口高度，减去上下两个组件和手机状态栏的高度，得到剩余的高度即scroll-view的高度。 onLoad(options){uni.getSystemInfo({s ......
小程序利用scroll-view实现锚点功能
应用场景：横向tab切换时，下面对应的tab_item置顶效果（或者在一定的高度） index.wxml://tab横向导航部分 <scroll-view class="nav" scroll-x="true" style="height:35px;" scroll-into-view="{{lef ......