Scroll

「常に新しい技術に目を向けること」
「既存の技術をより深堀りすること」

カテゴリ:JQuery
タグ:
公開日:2015/06/25(木)
最終更新日:2021/08/04(水)

tableでの大量データの描画[その1]

はじめまして、ヤスです。

気になる情報からこんなんええやん的な技術まで、サクサクと紹介して行きたいと思います。

【本日のこんなんええやん】

WEBシステムを作っていると必ずぶちあたる大量データの描画

  • DOM描画に時間が掛かる…
  • スクロールでヘッダが隠れる…

課題はさまざまあります、、。

今回は画面をスクロールする毎にデータを描画して、描画負荷を減らすにチャレンジ!

ご用意するのは以下のもの。

  • HTML
  • CSS
  • jQuery

まず、描画を隠すCSSを用意

一定の行数以上にhiddenクラスを指定

スクロールごとにclassを消していきます!

こんな感じですが、まだまだ力技。。

日々精進します!

この記事を書いた人:ヤス


シェアのご協力をお願いいたします!

カテゴリー

アーカイブ