对如何创建卷轴-在迷你程序中显示卷轴的简单分析（Mini Programs scroll View scrolls syronthonty syronthonty）

本文向您展示了如何根据您指定的位置在微信中查看滚动-。 您可以在不编写其他JS脚本的情况下获得很好的体验。 我希望它对每个人都有帮助！

背景就是这样。 微信小程序具有一个选项卡开关页面。 选项卡切换页面包含两个内容框。 使用滚动-视图创建。 接下来，当您在选项卡页面之间切换时，相应的滚动-视图在相应的滚动-视图中。 您需要用滚动栏上顶。 [相关学习建议：迷你计划开发教程]

官方文档说明卷轴-视图在-视图属性中具有滚动-。 此属性解释如下：

滚动到- -的值必须是子元素的ID（ID不能以数字开头）。 设置哪个方向是可以滚动的，哪个方向可以滚动元素

然后，您可以对此属性大惊小怪。 只需将自定义值放置在滚动-视图中的ID值设置的自定义值即可到达选项卡，并且相应的内容框scrollbar似乎表示以下代码显示了相应的内容框scrollbar将自动滚动到顶部。 使用芋头小程序框架适用于本机帧。

'@tarojs/taro'import {view} to'@parojs/components'import {attabs，attabspane} to'taro - ui'export默认类索引{ ）this.state = {current：0，}} handleclick（value）{this.setState（{current：vuration：valure}）} render（）{const tableist = [{title：'tag首页：'tag首页'}，{title：'标签页2'}，{title：'标签页3'}] >                                                                                                                                       

ID值内容的视图- 0 -如果将0放置在第一个选项卡的视图中，则当您在选项卡页面之间切换时，滚动-视图基于scroll -上的-。 ]我们将设置它。 视图属性放置在子元素的ID上，并达到自动固定滚动条并自动固定滚动条的效果

标签页面内容

同样，如果您需要滚动到最低，只需将相应的子元素ID设置为最低即可。 例如，您需要查找最新的聊天界面。

标签内容页面1

查看我们的编程视频以获取与编程相关的知识！ 呢

PHP快速学习视频免费教程（向初学者学习）

如何学习PHP？ 如何开始PHP？ 我在哪里可以学习PHP？ 如何立即学习PHP？ 不用担心，这是PHP速度学习教程（向初学者学习）。 需要它的朋友可以保存和下载并学习它！

下载

这几篇文章你可能也喜欢：

• 浅析如何让scroll -视图在小程序中按指定位置滚动（微信小程序scrollview滚动到底部）
• 浅析如何让scroll -视图在applet中按指定位置滚动(applet scroll-view)

本文由主机参考刊发，转载请注明：对如何创建卷轴-在迷你程序中显示卷轴的简单分析（Mini Programs scroll View scrolls syronthonty syronthonty） https://zhujicankao.com/144326.html