アンカーが動作しない

私の最初のプロジェクトです（私はウェブ開発者ではありません）。 https://codepen.io/Ziratsu/pen/EWyoLN 私のポートフォリオのさまざまな部分について、ヘッダーにアンカーを入れましたが、クリックすると機能しません。正しい「ID」を入力しました。理由はわかりませんこれは動作しません。アンカーが動作しない

<button class="btn" id="Bouton1" type="button"><a href="#textb">About</a></button>

ここには同じIDのアンカーの参照があります。

<p id="textb"> Front-End Developer and UX/UI designer,</br> with practical experience in project management, branding strategy,</br> and creative direction; devoted to functional programming and information architecture.</br>Web Developer - User Experience Designer - Graphic Artist</p> </div>

返信いただければありがとうございます！

出典

2017-03-14 Jukker

あなたはボタンではなくリンクをクリックすることになっています – Sankar

'button'要素を削除しようとしましたか？実際に 'a'要素をクリックしていないので動作しない可能性があります – Swellar

#textbを呼び出すリンクターゲットのIDをすべてのボタンから変更してください。例 – dgk

を持つようにしたい場合は

<a href="#textb">About</a>

ちょうどaをデザイン：

を

<a class="btn btn-primary" href="#textb">About</a>

ブートストラップを使用している場合は、btnクラスを使用してボタンのように見えるようにすることができます。これは、btnクラスによってasumedされました。

出典

2017-03-14 10:00:39 Ducky

それは完璧に動作しますありがとう;）。 – Jukker

しばらくして、私の答えを受け入れることができます。 :) – Ducky

私はどのようにわからない！ ahahaを教えてください – Jukker

はbutton要素を削除してください：あなたはそれではなく、ボタンのアンカータグを使用してみてくださいボタンのような外観

出典

2017-03-14 09:45:06 Swellar

ありがとう、速くて良い応答:)。 – Jukker

答えて

関連する問題