0

私は、固定ヘッダーが上部にある1ページのレスポンシブWebサイトに取り組んできました。ブラウザが縮小すると、クリックしたナビゲーションボタン（単純なULメニュー）に応じて、基本的にさまざまなポイントにスクロールします。特定のサイズタップするだけでページの一部にスクロールできる選択メニューに切り替えたい.

これはすべて簡単に実行できますが、アンカーを介してそれらにスクロールすることはできません。

私は同様の問題を抱えている他の人について読んでいるので、あなたがこれを行う方法はjsを介していることを知っていますが、jsの知識が少しある人のために返信が投稿されているようです。これが問題につながります。私はjsでかなりひどいです:(。だから、選択メニューを作成し、jsを使用してページのアンカーにスクロールするために何をする必要があるかを誰かに教えてもらえますか?

これは私がすでに持っているものです。

        <ul id="nav">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#services">Services</a></li>
            </ul>

            <select> 
                <option value="" selected="selected">Navigation</option> 
                <option value="#home">Home</option> 
                <option value="#about">About</option> 
                <option value="#portfolio">Portfolio</option> 
                <option value="#services">Services</option>
            </select>

少しでも役に立てば、私は自分のサイトにスケルトン ボイラープレートを使用しています。

よろしくお願いします:)

（そして、選択メニューがフォームタグにある必要があると言っているさまざまな人を見たことがあるかどうかはわかりませんが、そうではないという人もいます。それを明確にすることができれば、それは素晴らしいでしょう:)）

4

1 に答える 1

0

あなたの問題を正しく理解しているかどうかわかりません。「#something」href を使用したアンカーの考え方は、クリックするとフラグメントと呼ばれる「#something」が URL に追加されるというものです。これにより、ブラウザーは ID "something" を持つ要素を画面の上部に表示しようとします。

これがあなたの問題でない場合は申し訳ありませんが、そうでない場合は明確にしてください。

于 2013-03-07T05:48:48.243 に答える