JS関数は要素のn番目の文字にスクロール量を取得するために

Question

は、私は次のようなHTML要素を持っていると言いますtargetElementタグはフィットしません（うまくいけば十分ですが、そうでない場合でもアイデアを得ることを望みます）、#targetElementにスクロールバーが表示されます。

これですべてが言われましたが、ここで私が欲しいものがあります。 私はにスクロールしたいn番目の文字を入力すると、スクロール量（scrollTop（）の量はjQueryになります）を与えるjavascript関数が必要です。

それはこのようなものになるだろう：

function scrollToChar(charIndex){ 
    //some how get scrollTop() to nth character like this 
    var scroll=$("#targetElement").nth-char(charIndex).scrollTop(); 
    return scroll; 
} 

Answer 1

あなたは（その位置に要素をscollするために使用することができる）n番目の文字のオフセットをピクセルを探していると仮定すると、ここにありますソリューション：fiddle。

それは一時的にn番目の文字の周りに<span>を挿入し、そしてその親に対する、<span>の位置を見つけるために、jQueryのを使用して動作します。これが正しく動作するには、#targetElementを配置する必要があることに注意してください。

このソリューションは、ここでの回答のオフに基づいています：https://stackoverflow.com/a/7913678/5306129