jQuery fadeIn fadeOut पेज स्क्रॉल बनाता है

Question

मेरे पास वर्डप्रेस सक्षम वेबसाइट है जहां मैं एक विशेष रुप से प्रदर्शित ब्लॉक बनाना चाहता हूं। इस फीचर्ड ब्लॉक में एक के बाद एक लुप्तप्राय लेख शामिल होंगे। मुझे यह jQuery के fadeIn और fadeOut एपीआई का उपयोग करके काम कर रहा है, लेकिन कार्यान्वयन में कोई समस्या है।

var count=0; 
var sticky_count=<?php echo count($sticky);?>; 

jQuery(document).ready(featured_block); 

function featured_block() { 
    jQuery(".featured" + count % sticky_count).delay(5000).fadeOut(callback); 
} 

function callback() { 
    count++; 
    jQuery(".featured" + count % sticky_count).fadeIn().delay(5000); 
    jQuery(".featured" + count % sticky_count).fadeOut(callback); 
} 

fadeIn - - fadeOut प्रभाव ठीक काम कर रहा है जब तक उपयोगकर्ता पृष्ठ के निचले भाग पर जाता

यहाँ कोड मैं है। जब उपयोगकर्ता पृष्ठ के निचले हिस्से में होता है, तो फीड स्विच होने पर पूरा पृष्ठ स्क्रॉल हो जाता है।

आप http://www.ronakg.com

पर कार्रवाई में देख सकते हैं कृपया सलाह कैसे मैं पृष्ठ स्क्रॉल से बच सकते हैं।

संपादित करें: यहाँ कैसे HTML कोड लग रहा है की तरह है -

<div class="featured0"> 
    ... 
</div> 

<div class="featured1" style="display:none"> 
    ... 
</div> 

... 

Answer 1

ब्लॉक कि में फीका और एक स्थिर height: सीएसएस के साथ विशेषता Fadeout की युक्त तत्व देने के लिए प्रयास करें।

लपेटें <div id="featured"> अन्य div के साथ ब्लॉक करें।

<div id="rotator" style="height: 340px;"> 
    <div id="featured"> 
    ... 
    </div> 
</div> 

Answer 2

आप href iqual साथ <a> उपयोग कर रहे हैं "#", बस अवास्तविक लौटाते डाल करने के लिए; आपके featured_block फ़ंक्शन के अंत में समस्या को हल करना चाहिए।