スクロールバーを左に。
- [Permalink] [Post to del.icio.us] [Post to hatena] [Post to livedoorClip]
-
デザインをLDRっぽくフレーム風にしました。一応ブラウザサイズによって可変するような感じです。
で左のツリー部分のスクロールバーが左側に表示されてたのを見て、「見やすいよなぁコレ」とか思っていたんですが、やり方とかは特に気にしてませんでした。
てっきりJavascriptで裏技的にやってるのかと思いきや、CSSで簡単にできるんですね。
<div id="side"><div class="container">
～リスト～
</div></div>
最近の流行りだと、こんな感じでサイド部分を作ると思うんですが、普通に「overflow:scroll」させると当然右側にスクロールバーが表示されます。そこで、
#side {
width: 200px;
height: 800px;
overflow: auto;
overflow-y: scroll;
direction: rtl;
}
#side .container {
padding: 5px;
direction: ltr;
}
とすると、スクロールバーは左側になります。実におしゃれ。
「#side」には文章の方向を「RightToLeft(右から左)」にしスクロールバーの表示を逆転させて、コンテナ部分は通常通り「LeftToRight(左から右)」に戻す。頭良いコレ。 - Posted by: simpraight at 2006/11/20 18:58:52 | Tags: [css] [tips] | Comments:9 | Trackbacks:0
*Trackback
このエントリへのトラックバックURL：*Comments
-
- Ich schätze alle Ihre writhing zu diesem interessanten Thema
- Hmm es scheint, wie Ihre Website aß mein erster Kommentar (es war extrem lang ) so , ich werde einfach es zusammenfassend zu sagen , was ich schrieb und sagen , ich denke, ich gründlich genießen Ihren Blog. Auch ich bin ein ehrgeiziger Blog Schriftsteller , aber ich bin noch neu , alles . Haben Sie Anregungen für Anfänger Blog Schriftsteller ? Ich würde sicherlich zu schätzen wissen.
- Posted by: cash advance payday loan at: 2012/01/13 02:06:28 [link]
-
- Vielen Dank für ein so wunderbares blog post
- Ist Ihre Website ein Kontaktformular ? Ich habe eine harte Zeit Ortung es aber , möchte ich Ihnen eine E-Mail. Ich habe ein paar kreative Ideen für Ihren Blog, das Sie interessiert sein Gehör könnte . So oder so, tolle Seite und ich freue mich auf sie im Laufe der Zeit entwickeln.
- Posted by: search engine optimization vancouver at: 2012/01/13 16:19:19 [link]
-
- Vielen Dank für Ihren wertvollen Informationen
- Ich schätze all die Mühe, die Sie in diesen Beitrag schreibe über setzen ??????????? SIMPRAIGHT . Ich werde einen Backlink zurück zu Ihrem Blog-Post auf meiner Website wie ich glaube, einige meiner Klienten könnten es interessant finden .
- Posted by: seo vancouver at: 2012/02/14 11:24:18 [link]
-
- Hey! Vielen Dank für den Austausch von so viel Information
- Danke für das Teilen so viel Informationen . Jetzt weiß ich, wie Sie mehr über ??????????? SIMPRAIGHT als vorher .
- Posted by: dentist vancouver at: 2012/02/21 17:41:57 [link]
-
- Ich möchte sagen, dass ich all deine Arbeit zu schätzen wissen. Danke.
- Hallo ! Ich bin bei der Arbeit Browsen Blog von meinem neuen Apple iPhone ! Wollte nur sagen, ich liebe das Lesen durch Ihr Blog und freuen uns auf Ihre Beiträge ! Halten Sie sich die hervorragende Arbeit!
- Posted by: payday loans at: 2012/03/06 13:29:52 [link]
-
- Große Informationen für Internet-Nutzer hier auf Ihrer Webseite # notran
- Schreiben Sie mehr , das ist alles, was ich zu sagen habe . Buchstäblich , so scheint es , als ob Sie auf dem Video verlassen , um Ihren Standpunkt zu machen. Sie definitiv wissen, was das youre, reden , warum werfen Sie Ihre Intelligenz auf nur die Entsendung Videos auf Ihre Website , wenn Sie könnte was werden uns etwas informatives zu lesen?
- Posted by: calgary payday loans at: 2012/03/29 12:32:37 [link]
-
- Ich möchte sagen, dass ich all deine Arbeit zu schätzen wissen. Danke.
- Ich bin nicht sicher genau, warum , aber diese Website wird geladen unglaublich langsam für mich. Ist jemand mit diesem Problem oder ist es ein Problem an meinem Ende ? Ich komme später auf zu überprüfen und sehen, ob das Problem weiterhin besteht .
- Posted by: payday loans toronto at: 2012/04/11 13:09:11 [link]
-
- Ich bin für Zahltag Darlehen suchen
- Ich genieße , was euch zu sein bis zu neigen . Diese Art von Arbeit und clevere Deckung ! Keep up the great Werke Jungs, die ich euch zu enthalten Blogroll habe .
- Posted by: payday advance at: 2012/04/13 15:37:21 [link]
-
- Vielen Dank für Ihre harte Arbeit
- Ich liebe Blog .. sehr schöne Farben u0026 Design . Haben Sie diese Website selbst oder hast Du jemanden anstellen, der es für Sie tun ? Plz answer zurück, als ich mich auf meinen eigenen Blog zu gestalten und würde gerne wissen, wo u dies bekam ich aus . schätzen es
- Posted by: payday loans calgary at: 2012/04/25 20:19:48 [link]