Follow Us.RSS

横書き表示時の任意の位置へのスクロール

  • 新規投稿
  • ログイン

竹取 Web/JS横書き表示時の任意の位置へのスクロール

はじめまして。
竹取JSを使わせていただいております。
ありがとうございます!

表題の件なのですが、jQueryで以下のコードで任意の位置へスクロールさせようとしたところ、Mac/Chromeでは動作しましたがFirefox等一部のブラウザでは動作しませんでした。

$(function() {
$("#button").click(function() {
// 100pxスクロール
$('div.tategaki > div').scrollLeft(100);
});
});

解決策等ご存知でしたらご教示いただければと思います。
よろしくお願いいたします。

  • 太郎
  • MacOS X/Chrome21.0
  • 2012年9月18日(火) 6時27分44秒

竹取 Web/JSRe:横書き表示時の任意の位置へのスクロール

ご質問ありがとうございます。

竹取JSは、最新の Chrome/Safari では CSS3 の writing-mode を使用して縦書きを実現しますが、Firefox や IE 以外のブラウザの古いバージョンでは、ブロックを時計回りに90°回転して文字を反時計回りに90°回転させます。

そのため、見た目とは異なり、IE以外のブラウザの古いバージョンでは左右方向は上下方向として扱われます。scrollBottom を使えば期待通りの動作となるように思います。

具体的には、Taketori の内部変数を使って分岐します。

var taketori = new Taketori();
if (taketori.isWritingModeReady) {
 scrollLeft で処理
} else {
 scrollBottom で処理
}

未検証ですが参考になりましたら幸いです。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.0
  • 2012年9月18日(火) 12時50分46秒

竹取 Web/JSRe:横書き表示時の任意の位置へのスクロール

CMONOS スタッフ様

ご返信ありがとうございます!
こちらでも実行が確認できました。

運営予定のサービスで縦書き表示ができればと思ったところ、竹取JSはとても綺麗に表示できるため、ぜひ利用させていただければと思っております。

今後ともぜひよろしくお願いいたします!

  • 太郎
  • MacOS X/Chrome21.0
  • 2012年9月21日(金) 1時54分16秒

竹取 Web/JSRe[2]:横書き表示時の任意の位置へのスクロール

ご報告ありがとうございます。
お役に立てて光栄です!
また何かありましたらぜひご教示ください。
お待ちしておりますm(_ _)m。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.0
  • 2012年9月21日(金) 3時16分36秒
タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。
アイコン
この E-Mail は表示されません。
添付ファイル
(< 1000000 byte)
サイズ (<800) × (<800) ピクセル
ユーザー環境MacOS X/AppleWebKit537.36
  • 新規投稿
  • ログイン