JQueryのスクロール速度を瞬時にしたいと思います(スムーズ/高速ではありませんが、従来のアンカーhref = "#"のように瞬時に)。キューに関するもののようですが、どうすればスクリプトを変更できますか?ご協力いただきありがとうございます。
https://jsfiddle.net/7f1Ldeqr/
<div style="height:3000px">
<a href="#" id="link">Down</a>
<a name="here" style="position:relative; top:2000px;"></a>
</div>
<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
<script>
function scrolling(aid){
var aTag = $("a[name='"+ aid +"']");
$('html,body').animate({scrollTop: aTag.offset().top},'fast');}
$("#link").click(function() {
scrolling('here');});
</script>
ご回答ありがとうございます。そのパラメータを変更しても、私にとっては変更されませんでした。私はscrollIntoViewに関するquantumPuterのアドバイスに従い、それは機能しました(最終的に、JQueryは必要ありません。「href = "#openmenu" onclick = "window.location.hash = '#menu1'"」という用語を追加して、組み合わせることができることを証明しました他のものを一緒にして、そのスクロールを引き続き機能させます)。
https://jsfiddle.net/7k1s6t80/
<div style="height:3000px">
<a id="forscroll" href="#openmenu" onclick="window.location.hash = '#menu1'">Down</a>
<a id="here" style="position:absolute; top: 2000px;"></a>
</div>
<script>
const target = document.getElementById('here'),
button = document.getElementById('forscroll');
button.addEventListener('click',
function(){target.scrollIntoView({block: 'start',behavior:'instant',inline:'start'});});
</script>
また、私の質問に答えるために、JQueryを瞬時にスクロールさせます(私が思ったようにキューについてです)=>
$('html,body').animate({scrollTop: e.offset().top},{queue: false,duration: 0})
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加