HTML5で、メニューボタンを固定位置にする方法

質問

HTML5で、メニューボタンをスクロールしても固定位置に表示する方法を教えてください。
今回はスマートフォン向けのサイトです。
CSSやJavascriptで実現できる方法はいくつかあるのですが、スマートフォンではうまく機能しません。
HTML5では機能しなかったり、スマホブラウザでは機能しなかったり・・・。
よろしくお願いいたします。

回答No.1

神崎 渉瑠（@taloo）

http://home.wi-wi.jp/lab/00k/
ソースコードを参考にしてみてください。

スマホには画面の拡大機能がありますので、
どういう表示をすれば邪魔にならずに画面の固定をできるか、というのを考える必要があります。
単純に固定するだけでは使い勝手の悪い物になると思います。

position:fixedの弊害について、ユーザビリティーで調べてみてください。

お礼

回答ありがとうございます。参考にしてみます。