原生微信小程序，scroll-view的使用，一屏两个滚动区域，scroll-y（纵向滚动）
这个会简单很多
结构层
<view class="container"><!-- scroll-view标签在使用时，可以当做普通的view标签使用，可以设置很多属性改变XY轴滚动 --><!-- 左侧滚动栏 --><!-- view{$}*100可以一次打印1-100内容的view标签 --><scroll-view scroll-y="true" class="left"><view>1</view><view>2</view><view>3</view><view>4</view><view>5</view><view>6</view><view>7</view><view>8</view><view>9</view><view>10</view><view>11</view><view>12</view><view>13</view><view>14</view><view>15</view><view>16</view><view>17</view><view>18</view><view>19</view><view>20</view><view>21</view><view>22</view><view>23</view><view>24</view><view>25</view><view>26</view><view>27</view><view>28</view><view>29</view><view>30</view><view>31</view><view>32</view><view>33</view><view>34</view><view>35</view><view>36</view><view>37</view><view>38</view><view>39</view><view>40</view><view>41</view><view>42</view><view>43</view><view>44</view><view>45</view><view>46</view><view>47</view><view>48</view><view>49</view><view>50</view><view>51</view><view>52</view><view>53</view><view>54</view><view>55</view><view>56</view><view>57</view><view>58</view><view>59</view><view>60</view><view>61</view><view>62</view><view>63</view><view>64</view><view>65</view><view>66</view><view>67</view><view>68</view><view>69</view><view>70</view><view>71</view><view>72</view><view>73</view><view>74</view><view>75</view><view>76</view><view>77</view><view>78</view><view>79</view><view>80</view><view>81</view><view>82</view><view>83</view><view>84</view><view>85</view><view>86</view><view>87</view><view>88</view><view>89</view><view>90</view><view>91</view><view>92</view><view>93</view><view>94</view><view>95</view><view>96</view><view>97</view><view>98</view><view>99</view><view>100</view></scroll-view><!-- 右侧滚动栏 --><scroll-view scroll-y="true" class="right"><view>1</view><view>2</view><view>3</view><view>4</view><view>5</view><view>6</view><view>7</view><view>8</view><view>9</view><view>10</view><view>11</view><view>12</view><view>13</view><view>14</view><view>15</view><view>16</view><view>17</view><view>18</view><view>19</view><view>20</view><view>21</view><view>22</view><view>23</view><view>24</view><view>25</view><view>26</view><view>27</view><view>28</view><view>29</view><view>30</view><view>31</view><view>32</view><view>33</view><view>34</view><view>35</view><view>36</view><view>37</view><view>38</view><view>39</view><view>40</view><view>41</view><view>42</view><view>43</view><view>44</view><view>45</view><view>46</view><view>47</view><view>48</view><view>49</view><view>50</view><view>51</view><view>52</view><view>53</view><view>54</view><view>55</view><view>56</view><view>57</view><view>58</view><view>59</view><view>60</view><view>61</view><view>62</view><view>63</view><view>64</view><view>65</view><view>66</view><view>67</view><view>68</view><view>69</view><view>70</view><view>71</view><view>72</view><view>73</view><view>74</view><view>75</view><view>76</view><view>77</view><view>78</view><view>79</view><view>80</view><view>81</view><view>82</view><view>83</view><view>84</view><view>85</view><view>86</view><view>87</view><view>88</view><view>89</view><view>90</view><view>91</view><view>92</view><view>93</view><view>94</view><view>95</view><view>96</view><view>97</view><view>98</view><view>99</view><view>100</view></scroll-view></view>
表示层，less语言
page {// 设置page的高为100%,也就是窗口能看到的高度height: 100%;}.container {// scroll-view使用最重要的就是要给父容器设置高度// 如果不设置高度，就会出现两屏一起滚动，// 他们其实是使用了屏幕视图的滚动条了，而不是我们定义的scroll-view组件的滚动条height: 100%;display: flex;.left {flex: 2;background-color: aqua;}.right {flex: 5;background-color: yellowgreen;}}
gitee代码地址：/chenminghuisir/wechat-applet-component.git
代码保存在仓库，WXsummary文件里
