イメージマップ<div>でドラッグスクロール可能なコンテンツを作りたい

Question

こんにちは。
IE10環境/パソコン使用限定のコンテンツを作成しようとしています。

iFrameの中に呼び出したHTMLの中にイメージマップ（画像に<div>タグを乗っける）でドラッグしてスクロールするメニューを作成したいと考えています。
サンプルをつなぎ合わせて作成しているど素人で
地図ライブラリを使って実現させたほうがいいのか、下記の方法で実装できるのか判断がつきません。
お手数ですが、お知恵を拝借できれば幸いです。

該当のソースコード

HTML

<div id="scroll">

<img src="hoge">
<div class="links" ID="link1" style="top:100px; left:20px;">
<div class="links" ID="link2" style="top:200px; left:20px;">
<div class="links" ID="link3" style="top:200px; left:20px;">
-続く-
</div>

Javascript
使用しているJSソース
https://github.com/ariya/kinetic/blob/master/2/scroll.js

～中略～

    function release(e) {
        pressed = false;

        clearInterval(ticker);
        if (velocity > 10 || velocity < -10) {
            amplitude = 0.8 * velocity;
            target = Math.round(offset + amplitude);
            timestamp = Date.now();
            requestAnimationFrame(autoScroll);
        }else{
　　　　//ドラッグした距離を判断しているようなので
　　　　//ここにドラッグしていない場合にはクリックとみなし、処理を実行したい。
       }
        e.preventDefault();
        e.stopPropagation();
        return false;
    }

～中略～

試したこと

var cs=document.getElementsByClassName("links");

for (var i=0; i< cs.length;i++){ 
    idbox=cs[i].getAttribute("id");
    var downhantei = document.getElementById(idbox[i]);
    downhantei.addEventListener('mousedown', function(){    ※
      var atari = downhantei;
     }
    );
}

※ここで、サポートされていません。というエラーメッセージが記載されます。

Comments

[m.ts10806]

プログラムコード(およびエラーメッセージ)は```で囲ってください。（わからなければ質問編集画面でコード部分を選択し<code>ボタンを押してください）正しく反映されているかどうかは質問編集画面のプレビューを見ながら編集していってください。

Answer 1

// var downhantei = document.getElementById(idbox[i]);
//  ↓                                            ↓
   let downhantei = document.getElementById(idbox);

とりあえずこうすればそのエラーは出なくなると思います。

Comments

[tonapan]

おかげさまで、改善いたしました。
満足できるコンテンツが作れました。
ありがとうございます。