ねごとめも背景

ねごとめも

数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_( _´ω`)_
→ javascript,SVG で作成したプログラム置き場

custom scrollbar : scroll-test

前回のプログラムでは、
div 要素のスクロールバーを利用して
canvas 要素の描画をスクロールさせていました。

前回のプログラム
large text file : text selection-test(a)

スクロール量と描画量を合わせるために
div 要素を canvas 要素の最大描画域に合わせる必要がありました。
canvas のサイズは小さくても、 div 要素の高さは、一万超えなど。
自作すると、その要素の大きさをコンパクトに出来るのでは?と思い
スクロールバーを作成して スクロールさせてみました。
動作は、スクロールバー、中ホイール、ドラッグのみです。。。 _(:0 」∠)_。

以前のプログラムでは、大きなサイズのデータを読み込むと
ブラウザが ぽこぽこ 落ちていました。
これは、一つの配列(同じ階層)に
全てのデータを詰め込んでいたからのようです。
確認した範囲では、データを切り分けて配列に格納すると、
以前なら読込に失敗していたデータも読み込めるようになりました。

See the Pen custom scrollbar : scroll-test by negotoy (@negotoy) on CodePen.



2018/04/10 [10:03]

カウンター

プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

03 | 2018/04 | 05
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 - - - - -


PAGE TOP
広告: