微信小程序的scroll-view组件中,scroll-into-view 属性可以指定滚动到指定id的位置。 <scroll-viewclass="content"scroll-y scroll-into-view="{{ intoIndex }}"scroll-with-animation> intoIndex 值应为某子元素id(id不能以数字开头),设置哪个方向可滚动,则在哪个方向滚动到该元素。scroll-y 是滑动方向。 下面...
子组件不存在或未渲染:如果指定的子组件不存在或者尚未被渲染,scroll-into-view就无法生效。可以通过set...
解决了,这个定义的<view :id="scrollIntoview"></view>必须和我的component同一层级,不能是他的子级...
然后,自定义组件里 scroll-view 内用 slot,就不生效了。看着 id 设置的没问题,唯一值得注意的是 scroll-view 的 Dom 级别看着不太对,是在`#shadow-root`里的,展开看着和 slot 的子节点变成同一级了,或许是 slot 的特殊之处吧。如下图 Demo 是基于 scroll-view 官网文档的...
scroll-into-view 是小程序中的一个属性,通常用于页面或组件的滚动视图(如 scroll-view 组件)中。它允许开发者指定哪个子元素在滚动视图内滚动到可视区域,使得该子元素能够被用户看到。 2. 描述 scroll-into-view 属性的用途和常见使用场景scroll-into-view ...
scroll-into-view,值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素, 我记得好像必须是直接子节点设置id,所以不能存在item_scroll这个节点 有用 回复 荔枝属牛: 谢谢。我换种方法试试,用(wx.createSelectorQuery())查询 回复2021-12-24 ...
A. scroll--view组件是可滚动视图区域 B. scroll--into-view的值是某子元素的id(id允许数字开头) C. scroll--top设置竖向滚动条位置 D. scroll--left设置横向滚动条位置相关知识点: 试题来源: 解析 scroll--into-view的值是某子元素的id(id允许数字开头) 反馈...
封装的组件 <template> <view class="tab-box"> <scroll-view scroll-x="true" :scroll-into-view ="scroll_into_view" show-scrollbar="true" v-bind:style="{'width': width}" > <!-- :scroll-left="scrollViewLeft" --> <view class="box"> ...
废话不多说,相信你能搜这个组件肯定都是和我有一样的需求 安装yarn add smooth-scroll-into-view-if-needed 官网:https://scroll-into-view.dev npm:如果需要,平滑滚动到视图 - npm (npmjs.com) 这边我就直接上图片了 有需要的小伙伴可以自己实现看看效果 ...
是啊不行,只能scroll-into-view只能到子组件,再深入就不行了