現在、親要素の幅よりも子要素の幅が大きいdivの構成で、親要素にoverflow-x: scroll;で横スクロールさせています。これだと、初期位置が左になり、どんどん右にスクロールしていく形になってしまうのです。これを、逆に右からスタートで左にスクロールさせたいのですが、どなたか方法ご存知でしょうか?right: 0;で右基準に出来たのですが、これだとoverflow-x: scroll;が効かなくなってしまって...
Chromeでしかテストしてないけど、Javascript使ってScrollLeftで調整できるみたいですね。
<script> var oyaDIV=document.getElementById('oya'); var koDIV=document.getElementById('ko'); oyaDIV.scrollLeft=koDIV.scrollWidth; </script>
あ、right:0;をはずして、overflow:scroll;はそのままで。
ScrollLeftですね。ご丁寧にサンプルコードまで乗せて頂き、ありがとうございます。試してみたいと思います。m(_ _)m
上から下に。左から右に。戻るは左で、進むは右。この常識(仕様)を覆すこと自体が挑戦だな。webkitでは縦書が実装されたけど、本で言うところの左綴じしかないwebで縦書はむずいね。あ、ぜんぜん関係ない話だ。
そういうことになりますよね。実際にコーディングするまで気づかなかったんですよね。。右から左が難しいってことに。コメント頂き、ありがとうございます。
みんなの回答 2 件
Chromeでしかテストしてないけど、Javascript使ってScrollLeftで調整できるみたいですね。
<script>
var oyaDIV=document.getElementById('oya');
var koDIV=document.getElementById('ko');
oyaDIV.scrollLeft=koDIV.scrollWidth;
</script>
上から下に。
左から右に。
戻るは左で、進むは右。
この常識(仕様)を覆すこと自体が挑戦だな。
webkitでは縦書が実装されたけど、本で言うところの左綴じしかないwebで縦書はむずいね。
あ、ぜんぜん関係ない話だ。
関連するトピックス