better-scrollプラグインについては、bugをスライドできませんでした(2021プラグインによって解決されます)。


better-scrollスクロール原理

wrapperは父の容器として、その高さは内容の大きさによって高くなります。それなら
contentの高さは父の容器の高さを超えないと、転がりません。父の容器の高さを超えたら、コンテンツエリアをスクロールできます。
BetterScrrollデフォルト処理容器の最初のサブ要素のスクロールは、他の要素は無視されます。
以下のページ構造も与えられました。

<div class="wrapper">
 <ul class="content">
  <li>...</li>
  <li>...</li>
  ...
 </ul>
 <!--            DOM,        -->
</div>
だから私達はここで一番重要なことだけを話します!! のために、better-scrollの初期化のタイミングは非常に重要であり、初期化の時に、親要素と子要素の高さと幅を計算します。もし画像がまだロードされていないなら、初期化が始まっています。計算された実際の高さとあなたの真実の高さには大量の偏差があります。(速度も影響します。)。
これは現在の使用者全員がスクロールできない最大の原因です。
先日この問題に遭いました。better-scroll文書はアクセスできませんでした。github上の文書は大体しか使えません。解決方法を探してまる一日探しました。ネット上の様々な方法が次々と現れています。
プラグインを通して:better-scroll/observe-dom
動的計算BetterScrrollのスクロール可能高さまたは幅は、高さや幅が変化するときに手動でrefshを呼び出す必要はありません。プラグインはMuttionObserverを通して完成しました。
現在のブラウザがMuttionObserverをサポートしていない場合、setTimeoutを降格させます。
使用
インストール依存npm install@better-scroll/observe-dom

import BScroll from '@better-scroll/core'
import ObserveDom from '@better-scroll/observe-dom'
BScroll.use(ObserveDom)

const bs = new BScroll('.wrapper', {
 observeDOM: true
})
この問題はまだたくさん解決方法がありますが、ネット上の多くの文章で説明しても分かりません。このプラグインを使えばいいです。
その他の解決方法の大まかな考え方は、画像の読み込みを監督してrefresh()を呼び出して高さを再計算することです。
vueはソフトウェアのラベルを使って、@load=" "でイベントをロードするのを監督します。画像をロードすると一回定義の方法を呼び出します。
最後に方法にthis.scroll.refreshを書き込むと、一枚の画像をロードしてもう一度高さを計算することができます。同時に、手ぶれ防止関数を使用して頻繁な繰り返し呼び出しによる様々な問題を避ける必要があります。
ここで、(2021プラグインによって解決される)better-scrollプラグインのスライドできない記事について紹介します。もっと関連するbetter-scrollプラグインはスライドできないので、私達の以前の文章を検索してください。または以下の関連記事を引き続き閲覧してください。これからもよろしくお願いします。