このようなウェブサイトのセクションに移動するリンクを作成できることを知っています
<a href="#result"></a>
しかし、ウェブサイトがロードされると自動的に「#result」セクションに移動するように設定することは可能ですか? 前もって感謝します!
はい、ちょっとした JavaScript でそれを行うことができます。これをあなたのページの一番下に入れます:
<script>
function jumpTo(anchor){
window.location.hash = '#' + anchor;
}
jumpTo('result');
</script>
jQuery を使用している場合は、スクロールさせることもできます。これにより、ユーザビリティが向上し、ユーザーはより大きなページの一部を表示していることを知ることができます。
<script>
function jumpTo(anchor){
var offset = $('a[name="' + anchor + '"]').offset().top;
$('html,body').animate({scrollTop: offset}, 'fast');
}
jumpTo('result');
</script>
関連している: