jQuery scroll on hover -
HTML:
& lt; body & gt; & Lt; div वर्ग = "शीर्ष-कोने" & gt; & lt; / div & gt; & Lt;! - पूर्ण, शीर्ष: 0 - & gt; & Lt; div वर्ग = "नीचे-कोने" & gt; & lt; / div & gt; & Lt;! - पूर्ण, नीचे: 0 - & gt; & Lt; a href = "#" वर्ग = "शीर्ष-लिंक" & gt; शीर्ष & lt; / a & gt; & Lt;! - तय, शीर्ष 50%, बाएं 0 - & gt; & Lt; a href = "#" वर्ग = "नीचे-लिंक" & gt; नीचे & lt; / a & gt; & Lt;! - तय, शीर्ष 60%, बाएं 0 - & gt; & Lt; div शैली = "पैडिंग: 1500px 0;" & gt; & lt; / div & gt; & Lt;! - स्क्रॉल परीक्षण के लिए - & gt; & Lt; / body & gt;
स्क्रॉलो प्लगइन का प्रयोग
जेएस
$ ("शीर्ष लिंक")। (फ़ंक्शन () ($ ("body")। स्क्रॉल करें ($ ("टॉप-कोने"), 3000);}, फ़ंक्शन () {// निरंतर रोकें}}; $ ("। नीचे-लिंक")। हॉवर (फ़ंक्शन () {$ ("body")। स्क्रोलटो ($ (नीचे "कोने"), 3000);}, फ़ंक्शन () {// अन्होवर पर रोकें} );
एनिमेशन हॉवर पर काम करता है इसे रोकना कैसे बंद है?
धन्यवाद।
< ($ ("शीर्ष-कोने"), 3,000) का उपयोग करें
$ ("। Top-link")। होवर (फ़ंक्शन () {$ ("body")। ;}, फ़ंक्शन () {$ ("बॉडी")। स्टॉप (); // स्टॉप ऑन अनहोवर}); $ ("।-Bottom-link")। होवर (फ़ंक्शन () {$ ("body")। स्क्रोल करें ($ ("। Bottom-corner"), 3000);}, फ़ंक्शन () {$ ("body") .stop (); // निरंतर रोकें});
यदि कॉलबैक समान हैं, तो आप यह भी कर सकते हैं,
$ ("। नीचे-लिंक, .top-link")। होवर (फ़ंक्शन () {var $ this = $ (this); $ ("body")। स्क्रोल करें ($ this, 3000);}, फ़ंक्शन () {$ ("body")। Stop (); // stop निस्तारण पर}};
Comments
Post a Comment