Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止离子从';反弹';当您向上滚动以显示内容时,是否后退?_Javascript_Ionic Framework_Ionic - Fatal编程技术网

Javascript 如何防止离子从';反弹';当您向上滚动以显示内容时,是否后退?

Javascript 如何防止离子从';反弹';当您向上滚动以显示内容时,是否后退?,javascript,ionic-framework,ionic,Javascript,Ionic Framework,Ionic,请注意,请尝试滚动列表以显示底部的内容。一旦放开鼠标,列表就会向下滚动,或者说是“橡皮筋”,再次隐藏内容 加价 <ion-content> <div class="social-stream-container"> <ion-scroll direction="y" id="social-tweets"> <ion-list> <ion-item class="social-content-block"

请注意,请尝试滚动列表以显示底部的内容。一旦放开鼠标,列表就会向下滚动,或者说是“橡皮筋”,再次隐藏内容

加价

<ion-content>
  <div class="social-stream-container">
    <ion-scroll direction="y" id="social-tweets">
      <ion-list>
        <ion-item class="social-content-block" ng-repeat="t in tweets | filter: orderBy">
          {{t}}
        </ion-item>
      </ion-list>
    </ion-scroll>
  </div>
</ion-content>
我尝试将此添加到
离子滚动中
具有bouncing=“false”
,但这完全停止了任何类型的滚动。

以下是修复方法:

类为
socialstreamcontainer
的div被删除,然后该类被放置在
ionscroll
元素上

<ion-slide id="twitter">
    <h1>TWEETS</h1>
    <ion-scroll class="social-stream-container" direction="y" id="social-tweets">
      <ion-list>
        <ion-item class="social-content-block" ng-repeat="t in tweets | filter: orderBy">
          {{t}}
        </ion-item>
      </ion-list>
    </ion-scroll>
</ion-slide>

推特
{{t}
<ion-slide id="twitter">
    <h1>TWEETS</h1>
    <ion-scroll class="social-stream-container" direction="y" id="social-tweets">
      <ion-list>
        <ion-item class="social-content-block" ng-repeat="t in tweets | filter: orderBy">
          {{t}}
        </ion-item>
      </ion-list>
    </ion-scroll>
</ion-slide>