回答:内容自动滚动到可视化区域的底部,你可以自己写一个函数,在页面加载完成后调用即可,这个功能一般不需要采用组件来实现,书写起来也并不复杂,简单的逻辑如下: function getMaxHeight() { messageContainer = document.getElementsByClassName("message-container")[0]; messageContainer.scrollTo({ top: messageContainer...
uni-app中scroll-view中无法滚动的问题 2019-12-19 11:47 −1 scroll-y设置为true,在小程序,web都可以滑动,实现上拉加载 2 在手机上无法触发滑动加载,此时要给scroll-view一个高度,就可以解决。 ... lxgwxq 0 17579 uni-app视频组件设置圆角
这里需要注意的是使用swiper组件时,它会有一个默认的高度,你必须动态的获取数据列表的高度覆盖原来的默认高度。 下面是代码 html <template> <view> <scroll-view class="scroll1" scroll-x="true"> <view :class="currentTab==index ? 'select' : ''" :data-current="index" @click="swichNav" v-for=...
使用竖向滚动的时候,需要给<scroll-view> 一个固定的高度,通过css设置height
tab栏可以滑动,切换页面跟随tab栏同步滑动。这里需要注意的是使用swiper组件时,它会有一个默认的高度,你必须动态的获取数据列表的高度覆盖原来的默认高度。 下面是代码 html<template><view><scroll-viewclass="scroll1"scroll-x="true"><view:class="currentTab==index ? 'select' : ''":data-current="index...
问题描述 在线聊天上拉加载历史数据:先通过 uni.createSelectorQuery 记录请求数据之前的高度,然后在请求成功后再次查询节点高度,并且计算 scrollTop 应该滚动的高度。 问题:1. 在 h5 页面中会存在滚动条滚动到指定位置了但是页面没有任何数据(模拟器上没有问题,真机
1、应用场景 当事件触发需要移动到scroll-view组件当中的特定位置时。 2、实现 在data中定义参数timeDistance,然后通过事件来改变timeDistan...
对于聊天评论界面,有的时候需要使用scroll-view组件做固定区域的滚动效果,但是,当有新的评论内容显示的时候,如何能够做到动态让评论区滚动到最底部,以便于显示最新的评论,下面就简单介绍一下处理方式。 效果 一、模板代码 #1.定义外层评论框scroll-view的ID(commentContainer) ...
tab栏可以滑动,切换页面跟随tab栏同步滑动。这里需要注意的是使用swiper组件时,它会有一个默认的高度,你必须动态的获取数据列表的高度覆盖原来的默认高度。 下面是代码 html <template> <view> <scroll-view class="scroll1" scroll-x="true"> <view :class="currentTab==index ? 'select' : ''" :data-cur...
tab栏可以滑动,切换页面跟随tab栏同步滑动。这里需要注意的是使用swiper组件时,它会有一个默认的高度,你必须动态的获取数据列表的高度覆盖原来的默认高度。 下面是代码 html <template><view><scroll-view class="scroll1" scroll-x="true"><view :class="currentTab==index ? 'select' : ''" :data-current...