data: {
  delay: 500,
  clicks: 0,
  timer: null
},

click_one(){
  this.clicks++
  if(this.clicks === 1) {
    var self = this
    this.timer = setTimeout(function() {
      // ここにシングルクリック書処理
      self.clicks = 0
    }, this.delay);
  } else{
    clearTimeout(this.timer);
    // ここにダブルクリックの処理
    this.clicks = 0;
  }
},

// hogeクラスの最初の要素を取得する
const hoge = window.document.getElementsByClassName('hoge')[0]

// 現在の横スクロール位置を取得する
const now_x = hoge.scrollLeft
console.log('now_x: ' + now_x)

// 右に100pxスクロールする
hoge.scrollTo(now_x + 100, 0)

// おまけ
// 画面の横幅を取得する
const window_x = window.parent.screen.width
console.log('window_x: ' + window_x)