微信小程序修获取scroll-view里的文本

在微信小程序中，可以使用 `bindscrolltoupper` 事件来获取 scroll-view 中的文本。首先，在页面的 wxml 文件中，给 scroll-view 绑定该事件，然后在 js 文件中定义事件处理函数，在函数中获取 scroll-view 中的文本。

示例代码：

wxml:

<scroll-view bindscrolltoupper="getText">
  <view>文本内容</view>
</scroll-view>

js:

Page({
  getText: function (e) {
    console.log(e.detail.scrollTop)
  }
})

实际上,bindscrolltoupper事件主要是用来监听用户滚动触底。如果想要获取scroll-view里的文本,可以在wxml文件里把文本设置为data数据,在js文件里获取.

示例代码：

wxml

<scroll-view>
  <view>{{text}}</view>
</scroll-view>

js

Page({
  data: {
    text: "文本内容"
  }
})

可以在任何时候获取data里的文本内容.

相关问题

微信小程序中的scroll-view

scroll-view 是微信小程序中的一个组件，用于实现可滚动的视图区域。通过 scroll-view，可以在小程序中实现类似于网页中的滚动效果。

使用 scroll-view 组件需要注意以下几点：

1. 在 scroll-view 组件外部需要设置一个固定高度的容器，以便确定 scroll-view 的可滚动区域。
2. scroll-view 组件本身需要设置一个固定的宽度和高度，来确定其在可滚动区域内的大小。
3. scroll-view 组件内部需要放置需要滚动的内容，可以是文本、图片、其他组件等。
4. 可以通过设置属性来控制滚动方向、滚动条的显示等。

以下是一个使用 scroll-view 组件的示例代码：

<view class="container">
  <scroll-view class="scroll-view" scroll-y>
    <!-- 这里放置需要滚动的内容 -->
  </scroll-view>
</view>

.container {
  height: 300px;
}

.scroll-view {
  height: 100%;
  width: 100%;
}

在上述代码中，外部的 `<view>` 容器设置了一个固定高度为 300px，作为 scroll-view 的可滚动区域。scroll-view 组件本身设置了固定的宽度和高度，并且通过 `scroll-y` 属性设置了垂直方向上可滚动。

在实际使用中，你可以根据需要设置 scroll-view 的属性来实现不同的滚动效果和样式。更多关于 scroll-view 组件的详细用法可以查阅微信小程序官方文档。

微信小程序scroll-view 基本信息

微信小程序 scroll-view 是一个可滚动的视图容器，支持横向滚动和纵向滚动，可以在其中放置其他组件，比如文本、图片、按钮等。 scroll-view 组件的基本属性包括：scroll-x、scroll-y、scroll-top、scroll-left、scroll-into-view、scroll-with-animation、enable-back-to-top、lower-threshold、upper-threshold 等。其中，scroll-x 和 scroll-y 分别表示是否横向滚动和纵向滚动，scroll-top 和 scroll-left 分别表示纵向滚动和横向滚动的初始位置，scroll-into-view 表示滚动到指定的某个组件，scroll-with-animation 表示是否使用动画滚动，enable-back-to-top 表示是否允许点击顶部状态栏返回顶部，lower-threshold 和 upper-threshold 分别表示距离底部和距离顶部的临界值，用于触发 scrolltolower 和 scrolltoupper 事件。