はじめまして。
竹取JSを使わせていただいております。
ありがとうございます!
表題の件なのですが、jQueryで以下のコードで任意の位置へスクロールさせようとしたところ、Mac/Chromeでは動作しましたがFirefox等一部のブラウザでは動作しませんでした。
$(function() {
$("#button").click(function() {
// 100pxスクロール
$('div.tategaki > div').scrollLeft(100);
});
});
解決策等ご存知でしたらご教示いただければと思います。
よろしくお願いいたします。
ご質問ありがとうございます。
竹取JSは、最新の Chrome/Safari では CSS3 の writing-mode を使用して縦書きを実現しますが、Firefox や IE 以外のブラウザの古いバージョンでは、ブロックを時計回りに90°回転して文字を反時計回りに90°回転させます。
そのため、見た目とは異なり、IE以外のブラウザの古いバージョンでは左右方向は上下方向として扱われます。scrollBottom を使えば期待通りの動作となるように思います。
具体的には、Taketori の内部変数を使って分岐します。
var taketori = new Taketori();
if (taketori.isWritingModeReady) {
scrollLeft で処理
} else {
scrollBottom で処理
}
未検証ですが参考になりましたら幸いです。