? ????? WeChat ???? ??? ??? ?? ??? ?? ???? ??? ??? ?????. ???? js ????? ???? ??? ??? ??? ?? ? ??? ????.

??? ??? ????. WeChat ????? ? ?? ???? ????. ???-? ?????. view? ??? ? ? ??? ?? ? scroll-view? ?? ??? ??? ? ?? ????? ???. [?? ?? ?? : Mini Program Development Tutorialtab切換頁面，tab切換頁面有兩個內(nèi)容框，我是使用scroll-view進行制作，然后在切換tab頁面時，相應(yīng)的scroll-view里的滾動條需要置頂處理?！鞠嚓P(guān)學(xué)習(xí)推薦：小程序開發(fā)教程】

我們可以看到官方文檔描述scroll-view里有一個scroll-into-view屬性，該屬性的描述如下

scroll-into-view的值應(yīng)為某子元素id（id不能以數(shù)字開頭）。設(shè)置哪個方向可滾動，則在哪個方向滾動到該元素

那么我們可以在這個屬性里大作文章，只要在scroll-view里放置一個id值為設(shè)置的一個自定義值就可以實現(xiàn)切換tab時，對應(yīng)的內(nèi)容框滾動條都自動滾到頂部，如下面代碼所示，下面代碼是我使用Taro小程序框架演示的，原生的也同理。

import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import { AtTabs, AtTabsPane } from 'taro-ui'
export default class Index extends Taro.Component {
  constructor () {
    super(...arguments)
    this.state = {
      current: 0,
    }
  }
  handleClick (value) {
    this.setState({
      current: value
    })
  }
  render () {
    const tabList = [{ title: '標(biāo)簽第一頁' }, { title: '標(biāo)簽第二頁' }, { title: '標(biāo)簽第三頁' }]
    return (
      <AtTabs current={this.state.current} tabList={tabList} onClick={this.handleClick.bind(this)}>
        <AtTabsPane current={this.state.current} index={0} >
          <ScrollView scrollY scrollIntoView=&#39;content-0&#39;>
          <View id=&#39;content-0&#39;></View>
          標(biāo)簽頁一的內(nèi)容
          </ScrollView>
        </AtTabsPane>
        <AtTabsPane current={this.state.current} index={1} >
          <ScrollView scrollY scrollIntoView=&#39;content-1&#39;>
          <View id=&#39;content-1&#39;></View>
          標(biāo)簽頁二的內(nèi)容
          </ScrollView>
        </AtTabsPane>
        <AtTabsPane current={this.state.current} index={2} >
          <ScrollView scrollY scrollIntoView=&#39;content-2&#39;>
          <View id=&#39;content-2&#39;></View>
          標(biāo)簽頁三的內(nèi)容
          </ScrollView>
        </AtTabsPane>
      </AtTabs>
    )
  }
}

如第一個tab的scroll-view里放置一個id值為content-0的view，那么在切換tab頁時，scroll-view會根據(jù)我們設(shè)置的scroll-into-view]

?? ?? ??? ?? ? ???????- view?? scroll-into-view ??? ????. ? ??? ?? ??? ??? ????

scroll-into-view? ?? ?? ?? ??(ID? ??? ? ??)? ?????. ???? ? ?? ??? ??? ?? ?? ???? ??? ?????? ?? ?? ? ??? ?? ??? ?? ? ????. scroll-view? id ?? ???? ???. ?? ? ?? ???? ? ? ??? ?? ???? ?? ??? ?? ??? ??? ???? ? ?? ?????? ?? ? ? ????. ?? ??? Taro? ???? ????. ???? ?????? ?? ?????? ???? ?????.

<AtTabsPane current={this.state.current} index={0} >
  <ScrollView scrollY scrollIntoView=&#39;content-0&#39;>
    <View id=&#39;content-0&#39;></View>
    標(biāo)簽頁一的內(nèi)容
  </ScrollView>
</AtTabsPane>

???? ??, ? ?? ?<? <code>scroll-view? content-0? ID ?? ?? ??</code? ?????. /code> >, <code>? ???? ??? ? scroll-view? scroll-into-view? ?? ?? ??? ID? ????. code> ??? ??on?? ???? ??? ??? ???? ?? ???? ??? ?? ? ????. ??

<AtTabsPane current={this.state.current} index={0} >
  <ScrollView scrollY scrollIntoView=&#39;content-0&#39;>
    標(biāo)簽頁一的內(nèi)容
    <View id=&#39;content-0&#39;></View>
  </ScrollView>
</AtTabsPane>

??????? ??? ??? ?? ?? ??? ????? ?? ?? ?? ?? ?? ID? ?? ?? ??? ???? ???. ?? ?? ?? ?? ???????? ?? ??? ??? ???. ??rrreee??? ?? ????? ?? ??? ??? ??????? ?????? ?????! ! ??

? ??? ???????? ??? ??? ?? ???? ???? ??? ??? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!