iPhoneやiPadでスクロールバーを表示する | ネットインパクト
鼻炎に悩むYu-ichiです とにかく鼻水がとまりません。 後鼻漏っぽく、喉もやられてます・・・。 今回はiPhoneやiPadでスクロールバーを表示する方法です。 CSSで縦横を固定したブロックにスクロールバーを付けて中のコンテンツを表示したときに、iPhoneやiPadでみるとスクロールバーが表示されていません。 表示はされていないだけで、スクロールはできます。 でもバーが無いとスクロールできるって認識しづらいですよね。 実際に自分も最初は気が付きませんでした。 そこで、CSSを使ってスクロールバーを表示させる方法をご紹介します。 <div class="scroll-contents"> <p>この中がスクロールします</p> </div> まず適当にボックスを用意します。 次にCSSを書きます。 このときに「-webkit」を使います。 div.scroll-contents {
スマホで"横から出てくる"メニュー作れるjQueryプラグイン「Sidr」の使い方！かんたんに実装できる上にサクサク動く！
こちらが新テーマの記事ページ。上のバーの右側の水玉アイコンをタップするとメニューが開く仕掛けにしてあります。 タップするとこのように右から「にゅっ」とメニューが出てくるように。それほど動きがカクつかないので満足。上の「MENU」というところか「閉じる」をタップすればメニューを閉じる仕様に。 また、最初からCSSも付いてくるので文字を入力するだけでそれなりにカッコイイメニューを作ることが可能です。 「Sidr」実装方法・使い方 <script src="javascripts/jquery.js"></script> <script src="javascripts/sidr/jquery.sidr.min.js"></script> <link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
