横スクロールを逆向き

Question

「ScrollHint」を利用してスマホの場合に横長の画像を横スクロールで表示させるようにしています。

その際、横スクロールを通常（右方向）とは逆の左方向にスクロールさせたいと思っているのですが、なかなか思うように実装できません。

お知恵をお貸しいただきたいです。

■HTML

<link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">

<div class="js-scrollable"><img src="./img/abcd.jpg"></div>

<script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
<script>
new ScrollHint('.js-scrollable', {
  suggestiveShadow: true,
  i18n: {
    scrollable: 'スクロール出来ます'
  }
});
</script>

■CSS

.js-scrollable img{
max-width: 200%;
}

Answer 1

横長画像の表示部分を一番左から表示しておけば
スクロール時に通常とは逆になるのではないかと思ったのですが、
望まれている回答かどうかはわかりません。

<div id="scrollable" class="js-scrollable"><img src="./img/abcd.jpg"></div>

new ScrollHint('.js-scrollable', {
  suggestiveShadow: true,
  i18n: {
    scrollable: 'スクロール出来ます'
  }
});
document.getElementById("scrollable").scrollTo(1000,0);

scrollToで1000px程度右に移動させた状態にするというScriptを追加してみました。