AngularJS में पृष्ठ के शीर्ष पर कैसे स्क्रॉल करें?

Question

मैं angularjs का उपयोग करके AJAX कॉल प्रतिक्रिया प्राप्त करने के बाद पृष्ठ के शीर्ष पर स्क्रॉल करना चाहता हूं। असल में, मैं पृष्ठ के शीर्ष पर चेतावनी संदेश प्रदर्शित कर रहा हूं और मैं चेतावनी संदेश को अजाक्स प्रतिक्रिया के रूप में केंद्रित करना चाहता हूं।

धन्यवाद

Answer 1

आप

$window.scrollTo(x, y); 

जहां x क्षैतिज अक्ष के साथ पिक्सेल है और y उपयोग कर सकते हैं ऊर्ध्वाधर अक्ष के साथ पिक्सेल है।

1. तत्व

   $window.scrollTo(0, angular.element('put here your element').offsetTop); 
   

Example

पर शीर्ष पर

$window.scrollTo(0, 0); 

फोकस पत्रिका

अद्यतन:

इसके अलावा, आप $anchorScroll

Example

Answer 2

उपयोग कर सकते हैं आप $anchorScroll उपयोग कर सकते हैं।

निर्भरता के रूप में बस $anchorScroll इंजेक्ट करें, और $anchorScroll() पर कॉल करें जब भी आप शीर्ष पर स्क्रॉल करना चाहते हैं।

Answer 3

उपयोग: $anchorScroll();

साथ $anchorScroll संपत्ति

Answer 4

आदर्श रूप में हम इसे या तो नियंत्रक या लागू अनुसार निर्देश से करना चाहिए। निर्भरता इंजेक्शन के रूप में $anchorScroll, $location का उपयोग करें।

फिर

$location.hash('scrollToDivID'); 
$anchorScroll(); 

यहाँ scrollToDivID के रूप में इस दो विधि कॉल आईडी जहां स्क्रॉल करने के लिए चाहते हैं।

आप उपयोग कर के रूप में

<div id='scrollToDivID'>Your Error Message</div> 

एक त्रुटि संदेश div नेविगेट करने के लिए और अधिक जानकारी के लिए देखें इस documentation

Answer 5

मत भूलना तुम भी शुद्ध जावास्क्रिप्ट का उपयोग इस स्थिति से निपटने के लिए कर सकते हैं ग्रहण किया, :

window.scrollTo(x-coord, y-coord);