scrollTop ओवरफ़्लो के साथ काम नहीं करता है: सीएसएस

Question

में ऑटो प्रॉपर्टी अगर आपको यह प्रश्न दोहराया जाए तो माफी माँगें, लेकिन मुझे स्टैक ओवरव्लो पर उचित उत्तर नहीं मिला।

मैं अपने सीएसएस कक्षा में निम्नलिखित गुण का उपयोग करें:

.panel{ 
    background: rgba(203, 203, 210, 0.15); 
    position: relative; 
    float: right; 
    ... 
    overflow: auto; 
} 

जब मैं $('body').animate({scrollTop: 10}, 500); JQuery समारोह का उपयोग पेज शीर्ष पर स्क्रॉल करने के लिए, यह काम नहीं करता। जब मैं ऑटो मान को 'दृश्यमान' या 'उत्तराधिकारी' जैसा कुछ बदलता हूं, तो यह काम करता है। पृष्ठ की संरचना हालांकि अतिप्रवाह संपत्ति की आवश्यकता है।

कोई विचार?

Answer 1

एक ही रास्ता मैं overflow:auto के साथ इस मुद्दे पर काबू पाने सकता है पेज अस्थायी की ऊंचाई बढ़ रही है और अपने मूल मूल्य के लिए ऊंचाई रीसेट, इस प्रकार था:

$('.panel').css({"min-height":"200%"}); 
$('body').animate({scrollTop: 10}, 500); 
$('.panel').css({"min-height":"100%"}); 

Answer 2

अतिप्रवाह मूल्य को हटाए बिना अपने विनिर्देशों में ऐसा करने के लिए, आप स्क्रैप करने योग्य .panel को एक रैपर में लपेट सकते हैं और इसका उपयोग कर सकते हैं। मैंने अपना कोड लिया है और इस कोड कलम में अपना खुद का जोड़ा है, केवल अंतर यह है कि रैपर जोड़ा जाता है और जेएस तदनुसार अनुकूलित किया जाता है।

https://codepen.io/c0un7z3r0/pen/Emgdbr

$(".button").click(function(){ 
    $("html, body").animate({ scrollTop: 0 }, "slow"); 
}); 

नीचे एक बटन है कि आप शीर्ष करने के लिए वापस ले जाता है खोजने के लिए स्क्रॉल करें, आप ध्यान दें जाएगा सीएसएस कि आपके उदाहरण में तैनात के समान है। आशा है कि ये आपकी मदद करेगा।