Scroll

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

カテゴリ:HTML/CSS JQuery
タグ:
公開日:2015/06/25(木)

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

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

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


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

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

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



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



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



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

  • HTML
  • CSS
  • jQuery


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



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



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



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


日々精進します!

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

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

カテゴリー

アーカイブ