小程序 scroll-view 的滚动问题

怼烎@ 2023-07-24 05:44 4阅读 0赞

由于我在两个页面在中同时使用同样的设置scroll-view ,得到的结果却是不一样的,

原因是一个页面是引用组件的方式引进内容的,另一个则在内容页面引用的scroll-view

样式和js的设置完全一致的情况下,我的组件引用的方式还是无法滚动,这让我很头疼,最后我只能在引用组件的那个

标签上加上最小高度,把内容撑开,此时,才能滚动,具体详细的问题我也不太清除.

下面是我的代码

<view class="page">
      <view class="page__bd">
      
        
        <navbar tabs="{
       {tabs}}" bind:clickTabs="bindClickTabs"></navbar>
    
        <scroll-view scroll-y style="height: {
       {windowHeight*1.9-65}}rpx;" bindscrolltolower='lower' scroll-top="{
       {scrollTop}}" bindscroll='scroll' lower-threshold="10" upper-threshold="10">
    
          <view class="myui__bd" wx:if="{
       {pageObj.creatMeetingList.length==0 || pageObj.creatMeetingList == undefined }}">
            <msg-no-data msg="暂无数据"></msg-no-data>
          </view>
    
          <view wx:else class="myui__bd">
    
            <view wx:for="{
       {pageObj.creatMeetingList}}" wx:key="index" wx:for-item="item" style="margin: 9rpx 10rpx;">
    
              <view class="weui-cells weui-cells_after-title" style="margin: 15rpx 0rpx 0rpx;">
                <view class="weui-cell">
                  <view class="weui-cell__hd">
                    <image src="{
       {item.statusImage}}" style="margin-right: 5px;vertical-align: middle;width:23px; height: 25px;"></image>
                  </view>
                  <view class="weui-cell__bd">{
       {item.statusName}}</view>
                  <view class="weui-cell__ft weui-cell__ft_in-access" bindtap="toDetail" data-id="{
       {item.meetingId}}" style="font-size:14px;">详情</view>
                </view>
              </view>
    
    
              <view class="weui-cells weui-cells_after-title" style="font-size:15px;">
                <view class="weui-cell" style="font-size:18px;font-weight:700;">{
       {item.meetingSubject}}</view>
                <view class="myui-cell">
                  <view class="myui-cell__bd">房间号：</view>
                  <view class="myui-cell__bf">{
       {item.meetingRoomName}}</view>
                </view>
                <view class="myui-cell">
                  <view class="myui-cell__bd">会议类型：</view>
                  <view class="myui-cell__bf">{
       {item.meetingType}}</view>
                </view>
                <view class="myui-cell">
                  <view class="myui-cell__bd">开始时间：</view>
                  <view class="myui-cell__bf">{
       {item.meetingStartTime}}</view>
                </view>
                <view class="myui-cell">
                  <view class="myui-cell__bd">发起人：</view>
                  <view class="myui-cell__bf">{
       {item.meetingInitiator}}</view>
                </view>
                <view class="myui-cell">
                  <view class="myui-cell__bd">参会人员：</view>
                  <view class="myui-cell__bf">{
       {item.meetingAttendee}}</view>
                </view>
                <view class="myui-cell" style="font-size:14px;">
                  <view class="myui-cell__bd">发布于</view>
                  <view class="myui-cell__bf"> {
       {item.createTime}} </view>
                </view>
    
    
                <view class="myui-cell-bottom" style="font-size:16px;">
                  
                  <view class="myui-cell-bottom__bd myui-center {
       {item.meetingStatus == 3 || item.meetingStatus == -1? 'dangerNotice' :''}}" data-id="{
       {item.meetingId}}" bindtap="{
       {item.btn[0].bindtap}}">{
       {item.btn[0].name}}</view>
    
                  <view class="myui-cell-bottom__fd myui-center" data-id="{
       {item.meetingId}}" bindtap="{
       {item.btn[1].bindtap}}">{
       {item.btn[1].name}}</view>
                </view>
    
              </view>
    
            </view>
            <view class="myui__bd" style="margin-top:-300rpx;" wx:if="{
       {nomore}}">
              <msg-no-data msg="到底了"></msg-no-data>
            </view>
          </view>
    
        </scroll-view>
    
    
      </view>
    </view>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 1][]

下面组件方式

滚动的东西对于我来说比较难搞,这个留着当笔记,得努力学习一下这个滚动的问题

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70]: /images/20230528/94bcf48b6f754599be9ec03944e6914d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 1]: /images/20230528/872642e1bd64437d95599f9eba81e4e1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 2]: /images/20230528/18300db8fa354e01b0e0331e069e6e47.png