仮想スクロールのすヽめ - Qiita

平日の早朝に道玄坂を下るアベックに破滅と滅亡を。どうも、@neer_chanです。 皆さん、仮想スクロールしてますか？ 概要 仮想スクロールとは 仮想スクロールの仕組み 仮想スクロールの魅力 前提として、縦スクロールの話をします。 仮想スクロールとは GIFの通り、見えている範囲(+α)のみレンダリングするもの。 要は、ロケット鉛筆みたいなものです。（絶対に違う） 仮想スクロールの仕組み イカれたメンバーを紹介するぜ！ 見える範囲を指定するためのDiv スクロールする高さを指定するDiv ListItemを置くUnorderdList いつかの、いくつかのきみとListItem 以上の4つが登場するメンバーだ！ ちなみに、通常のスクロールの場合は2の役割を3が行う感じになります。 また、以下の要素をあらかじめ指定する必要があります。 見える範囲に表示する4のListItemの個数（あるいは

[Fushihara]

これやってるページはハイパーリンク貼る時に必ず新しいタブで開くようにするか、ページバックでスクロール位置が再現出来るようにしてくれ。あと、ホイールの移動ってかなり遅いから(ctrl+)Pg Down or upの実装忘れぬよう

[programmablekinoko]

素直にページネータで実装して欲しい

[gabill]

「Webはドキュメントであるべき」という考え方と「Webはアプリケーションであるべき」という考え方があると思う。我々が今いる世界は、アプリケーション派が勝利した世界線。また別の未来もあったかもしれない。

[rd050201]

UITableViewぽい

[n2s]

TwitterやTumblr(id:entry:199467470)でもやってるやつかな。ただただ広げっぱなしではDOMツリーが肥大化してメモリも浪費するけど、仮想スクロールは片方で巻き取っていく、まさに巻物的なやつ。

[otihateten3510]

UITableViewかな？ iOS的発想／自分で組もうとすると発狂しそう

[yujiro-arai]

これは俺のノートアプリにも入れなければならない！！

[nakag0711]

TwitterとGoogle mapsはしょうがないけど、基本、ユーザーに不便を強いるUIだから極力避けるべき

[shikiarai]

楽しそうではある

[lnimroder]

Slackのタイムラインがこれなんだよね

[cyber_snufkin]

Vueにも似たようなのあるみたいっすね 試してみよう

[als_uz]

“いつかの、いくつかのきみとListItem” ネイティブみのある実装だと思った

[maecchi]

Reactは記載されている通りreact-virtualizedがあるので実装が楽ですね

[bottomzlife]

id:wow64 よしなしにしたらなくなっちゃうのでは？

[kkobayashi]

たくさん表示させてコピペしたいときなんかにムキーってなる、この実装。スマホ用ページくらいでしかメリットないんじゃない

[fujihiro0]

仮想スクロールと無限スクロール。

[Dragoonriders]

環境によっては、ページャもうざい。が、そもそも1万個のデータを1ページに表示しようとするPMやSEや顧客のアタマが悪いのではないだろうか。

[north_korea]

Slackのadminページもこれを採用してる

[qinmu]

アベックとかロケット鉛筆とか。

[letsspeak]

スマホとか表示内容によってはinfinite scroll必須だとおもう。ページャポチポチやるまえに居なくなる

[kijtra]

たしか Tumblr がこういうことしてて、評判よくなくて無効にするアドオンとかあったねw

[kosn]

大量に表示する必要があるのにページ内検索が効かないのはあまりよろしくないかも？検索機能もついてればいいけど

[buhoho]

ページ内検索に引っかからなそう。ブラウザの標準機能に干渉する独自実装はあんまやってほしくないかな

[taguch1]

大抵パーマリンクを壊すので雑な実装は嫌い。

[cartman0]

標準にしてくれたほうがいいやつだな，バグの温床になって数字下がる

[oku26yu]

すすめって書いてもいいんだよ？

[vndn]

パーマリンクを持たないような、一覧ページならありかもしれない。あとページ内検索使わないようなところ。既存のUI超えるのはハードルたかそうだけど。

[dagama]

100アイテムをスクロールで操作させようという無謀をやめよう

[psne]

リストの全データをスクロールさせて(データを出し切って)からブラウザの検索機能を使うと、そこには

[sucelie]

まったくだ。俺なら神泉側から降りる。

[Helfard]

平日の早朝に道玄坂を下るアベックに破滅と滅亡を！

[kaipu1224]

いい加減この辺のコントロールを標準で実装してくれないものだろうか。そしてスクロールしまくるデータって実際必要なのかね？欲しい情報見つけにくいだけの気が・・・。