サイドバーなどを追従させる時ヘッダーやフッターにかぶってしまうのを制御したかったのでやってみました。 完成デモ まず基本的なhtmlとcss
|
1 2 3 4 5 6 7 8 9 10 |
<div id="header"> header </div> <div id="main"> main </div> <div id="footer"> footer </div> <a href="" class="fixed">要素</a> |
[crayo… 続きを読む 要素を一定範囲のみでスクロールさせるjs
ある案件で全ページ切り替えたいというのがあったので… スマホ→PC でも スマホ←PC でもいけるようにするイメージです。 そのHPは元々トップページのみjsで切り替えてたんですが、それだとスマホのURL(/… 続きを読む htaccessによるデバイス振り分け
最終的な一応の完成コーディング例 DEMO よくある、グローバルメニューがウインドウの上部に来たら追従固定になるようなものを実装します。 コーディング例１ DEMO 1 [crayon-663d607125… 続きを読む iPhoneでもスムーズに、一定量スクロールしたら追従固定になるグローバルメニューを実装する
1ページ完結のLPでしか試してないので 備忘録程度に書いておきますが、 htaccessで表示を切り替える方法です。 demo サイトの構成
|
1 2 3 4 |
ドメイン直下 ├ index.html (PCサイト) └ sp └ index.html (SPサイト) |
上記の構成で… 続きを読む PCもスマホも同一URLで表示する方法