स्क्रॉल करते समय हमेशा दिखाई दे रहा है

Question

मेरे एएसपीएक्स पेज पर, मेरे पास दो बाएं और दाएं हिस्से हैं। मैं दाएं तरफ स्क्रॉल करते समय हमेशा बाईं तरफ दिखाना चाहता हूं (जो वास्तव में एक 'div' कंटेनग वृक्षदृश्य है) (जो पृष्ठ की वास्तविक सामग्री हैं)। धन्यवाद

Answer 1

आपको div element पर position: fixed; डालना होगा। यह व्यूपोर्ट को लंगर देगा।

Answer 2

आपको सीएसएस में फिक्स्ड करने के लिए div की स्थिति सेट करने की आवश्यकता है। अधिक जानकारी के लिए this link देखें। आपको सीएसएस में शीर्ष और बाईं ओर स्थित स्थिति का उपयोग करने की आवश्यकता होगी ताकि यह पता चले कि इसे कहां ठीक किया जाए!

Answer 3

हाय मुझे सबसे अच्छा समाधान मिला! हमेशा के रूप में मेरी जिंदगी बचाओ jQuery!

बस एक डिव जिसे आप वान कहते हैं, मैंने इसे नीचे दिए गए उदाहरण में चुना है: #scrollingDiv।

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script> 
    $().ready(function() { 
     var $scrollingDiv = $("#scrollingDiv"); 

     $(window).scroll(function(){    
      $scrollingDiv 
       .stop() 
       .animate({"marginTop": ($(window).scrollTop())}, "slow");   
     }); 
    }); 
</script> 

मैंने उस कोड को एक वेबसाइट से लिया, यह काम करता है और यह समझना बहुत आसान है।

Answer 4

समस्या यह है कि जब ब्लॉक चलता है, तो यह ध्यान और पढ़ने पर ध्यान केंद्रित करने की क्षमता प्राप्त करता है।

इस फ़ंक्शन का उपयोग करके इसका समाधान करने के लिए।

इस कोड को एकदम सही है:

(परिवर्तन "220" और "46px" यदि आवश्यक हो तो)

var $scrollingDiv = $("#scrollingDiv"); 

$(window).scroll(function(){  
if ($(window).scrollTop()>220)  { 
      $scrollingDiv 
       .css("position",'fixed') 
       .css("top",'46px')   
     } else { 
$scrollingDiv 
       .css("position",'')  
       .css("top",'')    
     } 
     });