JavaScript - 画像をスクロールして読み込む vue
阿神
阿神 2017-05-18 10:59:25
0
2
665

要件: スクロール バーを一番下まで引き下げたときに画像をロードします。一度に 6 枚の画像をロードします。画像の数が 30 を超える場合は、ロード後に最初の 6 枚の画像を削除し、30 個の dom ノードを保持します。

これが今のやり方です データに imgarr=[] を画像アドレスを格納する配列として設定します まずスクロール要素の clientHeight、scrollTop、scrollHeight の値を取得し、変数 switch isload = true. clientHeightscrollTop >scrollHeight - 30 で、isload が true の場合、それをロードし、isload を false に設定し、ロードされた画像アドレスを imgArr に追加します。問題は、画像の数が 30 に達したときです。 , 読み込んだ画像を imgArr に連結し、this.nextTick 内の imgArr の最初の 6 つの画像アドレスを削除すると、スクロール バーがスクロールしないことがわかります。問い合わせてみたところ、this.nextTickのときのscrollHeightの値が前回の値であり、ロードしたdomの高さが含まれていないことがわかり、この時に問題が発生したのですが、この問題に遭遇した人はいますか?

リーリー リーリー
阿神
阿神

闭关修行中......

全員に返信(2)
迷茫

this.nextTick は this.setTimeout(,0) に置き換えられます

いいねを押す +0
我想大声告诉你

プラグインの使用を検討してみてはいかがでしょうか: https://peachscript.github.io...

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート