マークダウンエディタつくろう その5(同期スクロール)
マークダウンエディタを作るうえで2分割の画面ではどうしても外せない同期スクロール機能。
やりたいことは
1.エディタ側のカーソルの位置とプレビュー位置が分かるようにする
2.スクロールをいい感じに同期させる。
色々調べていると
このように一番上に合わせてる方法や、
とりあえず見出しに合わせてる方法などがあるみたい。
で、じゃぁうちはどうしよかと・・・
最初に試したのはスクロール量の割合でやる
→下に行くほどずれてくる。
で、結局いろいろ試行錯誤の上できたのが
エディタの現在ある行とエディタの編集位置の高さを合わせる。
そこに合わせてスクロールする。
という所に落ち着いた。
エディタの8行目にカーソルがあって、右側のピンク色にハイライトがかかっている部分が対応してる部分になってます。
高さが一致してます。


コメント