मैं चाहता हूं कि मेरी 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>
3
Ben 5 पद 2020, 11:24

3 जवाब

सबसे बढ़िया उत्तर

आपके जवाबों के लिए धन्यवाद। उस पैरामीटर को बदलने से मेरे लिए सामान नहीं बदला। मैंने scrollIntoView के बारे में " 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})
0
Ben 6 पद 2020, 17:37

'फास्ट' को 0 से बदलें। दूसरा पैरामीटर अवधि मिलीसेकंड में है

<script>
function scrolling(aid){
var aTag = $("a[name='"+ aid +"']");
$('html,body').animate({scrollTop: aTag.offset().top},0);}
$("#link").click(function() {
scrolling('here');});
</script>
0
Florent 5 पद 2020, 12:05

तेजी से उपयोग करने के बजाय इसे 0.2 जैसी किसी चीज़ से बदलें, केवल 0 का उपयोग करने से काम नहीं लगता है, इसलिए 0 मान के करीब एक सुपर छोटा काम करेगा।

0
Syed Mohammad Sannan 5 पद 2020, 12:08