jQuery का उपयोग करके पृष्ठ को वांछित तत्व तक सुचारू रूप से कैसे स्क्रॉल करें?
सभी को नमस्कार! मैंने अभी jQuery सीखना शुरू किया है और एक समस्या का सामना किया है। मेरे पृष्ठ पर एक लंबा फॉर्म है, और डेटा सबमिट करने के बाद मैं स्वचालित रूप से पृष्ठ को सफलता या त्रुटि संदेश वाले ब्लॉक तक स्क्रॉल करना चाहता हूँ। लेकिन मानक एंकर `#id` बहुत अचानक काम करता है — पृष्ठ बस कूद जाता है, और उपयोगकर्ता संदर्भ खो देता है।
मैंने `window.scrollTo()` का उपयोग करने की कोशिश की, लेकिन यह केवल निर्देशांक लेता है, और मुझे चाहिए कि स्क्रॉल सुचारू हो। यहाँ मेरा वर्तमान कोड है, जो अपेक्षित रूप से काम नहीं करता:
```javascript
$('#submit-btn').on('click', function() {
// ... AJAX के माध्यम से डेटा भेजना ...
// सफलता के बाद:
window.scrollTo(0, $('#success-message').offset().top);
});
```
स्क्रॉल बिना एनिमेशन के तुरंत होता है। मैंने सुना है कि jQuery में `.animate()` मेथड है, लेकिन समझ नहीं आता कि इसे पृष्ठ स्क्रॉल करने पर कैसे लागू करूँ। मैंने इंटरनेट पर `jQuery.scrollTo` प्लगइन भी पाया, लेकिन अगर मानक साधनों से काम चल सकता है तो अतिरिक्त लाइब्रेरी नहीं जोड़ना चाहता।