1

そのため、JSforWin8で構築している分割ビューマークダウンエディターがあります。左側にはテキストエリアフィールドがあります(画面の高さ全体ではないため、その上にタイトルがあります)。右側には、マークダウンプレビューがどのように見えるかの出力を含むdivがあります。このプレビューウィンドウは、画面の全高です。左側のテキストエリアをスクロールするとき、右側のプレビューパネルの同期を維持したいと思います。textareaのスクロールパーセンテージを計算してから、プレビューdivを同じ位置にスクロールすることで、これを簡単に行うことができます。

今のところ、textareaの最大スクロール値がわからないという事実に夢中になっています。スクロールするときに2つの要素の同期を維持するために私が見たすべての例には、オーバーフローが設定された2つのdivが含まれています。したがって、divでは、実際の高さをすばやく判断できます。

パーセンテージを計算できるように、テキストエリアの最大スクロールサイズ(テキストエリアの実際のサイズではない)を取得する方法はありますか?私が考えることができる唯一の解決策は、非表示のdivをテキストエリアと同じ正確なサイズにしてコンテンツを出力し、それにスクロールするテキストエリアを同期してパーセンテージを決定し、それをより大きなプレビューdivに適用することでした。私の恐れは、これが私のアプリのパフォーマンスに影響を与えることです。

4

1 に答える 1

2

必要(element.scrollTop+ element.offsetHeight)/ element.scrollHeight* 100

于 2012-10-04T05:48:45.203 に答える