Vue.js の v-for などで動的に追加した要素を Intersection Observer の監視対象にする。https://codepen.io/tony19/pen/yLaVKxE

jytech のブックマーク 2021/08/31 22:42

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4707684408878051618/comment/jytech" data-user-id="jytech" data-entry-url="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/65250676/intersection-observer-doesnt-observe-new-elements" data-original-href="https://stackoverflow.com/questions/65250676/intersection-observer-doesnt-observe-new-elements" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F65250676%2Fintersection-observer-doesnt-observe-new-elements" data-user-icon="/users/jytech/profile.png">Intersection Observer doesn't observe new elements</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/JavaScript">JavaScript</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Vue.js">Vue.js</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Nuxt.js">Nuxt.js</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22Intersection%20Observer%22">Intersection Observer</a>]</li></ul><br><p style="clear: left"> Vue.js の v-for などで動的に追加した要素を Intersection Observer の監視対象にする。<a href="https://codepen.io/tony19/pen/yLaVKxE" target="_blank" rel="noopener nofollow">https://codepen.io/tony19/pen/yLaVKxE</a></p><a class="datetime" href="https://b.hatena.ne.jp/jytech/20210831#bookmark-4707684408878051618"><span class="datetime-body">2021/08/31 22:42</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！