現在、ポートフォリオ項目をクリックすると、ページが上にスクロールし、モーダルが開きます。ページが同じ場所に留まるように調整するにはどうすればよいですか?
私は bootbox.js と bootstrap 3 を使用しています。ここで私が話していることを確認できます(ポートフォリオまでスクロールして画像の 1 つをクリックするだけです)。
現在、ポートフォリオ項目をクリックすると、ページが上にスクロールし、モーダルが開きます。ページが同じ場所に留まるように調整するにはどうすればよいですか?
私は bootbox.js と bootstrap 3 を使用しています。ここで私が話していることを確認できます(ポートフォリオまでスクロールして画像の 1 つをクリックするだけです)。
このコード スニペットのように、アンカー<a>
タグで href 属性を に変更します。javascript:void(0);
<a href="javascript:void(0);" id="branding3">
<img src="img/projects/thumbs/branding3.jpg" alt="...">
<span class="portfolio-hover">
<span>
<h4>Synex</h4>
<em>Branding</em>
</span>
</span>
</a>
現在、アンカータグの href 内にポンド記号 ( # ) があり、タグ内の id 属性を指していません。そのため、これらのリンクをクリックすると、ページが直接上にスクロールします。