पैरेंट div

Question

के सापेक्ष फिक्सिंग स्थिति क्या पैरेंट विंडो पर पैरेंट विंडो के सापेक्ष किसी तत्व की स्थिति को ठीक करना संभव है?

मेरे पास है कहते हैं:

<div id="pagecontainer"> 

    <div id="linkspage"> 

     <div class="sidelinks"> 
      <a href="#page1" class="link">Link 1</a> 
      <p> 
      <a href="#page2" class="link">Link 2</a> 
      <p> 
      <a href="#page3" class="link">Link 3</a> 
      <p> 
      <a href="#page4" class="link">Link 4</a> 
      <p> 
     </div> 

     <div class="linkscontent"> 
      content of links page 
     </div> 

    </div> 

    //OTHER PAGES 

</div> 

मूल रूप से दो वर्गों के साथ एक पृष्ठ, बाईं अनुभाग लिंक की एक सूची है, जबकि सही अनुभाग पृष्ठ की सामग्री है। मैं सामग्री को स्क्रॉल करने योग्य बनाना चाहता हूं, लेकिन लिंक # parentcontainer के लिए तय रहने के लिए लिंक हैं, इसलिए वे #pagecontainer स्क्रॉल करते समय स्क्रॉल नहीं करते हैं, लेकिन जब मैं संपूर्ण ब्राउज़र विंडो स्क्रॉल करता हूं तो वे आगे बढ़ेंगे।

मैंने पहले ही JQuery "fixto" प्लगइन की कोशिश की है: https://github.com/bbarakaci/fixto। लेकिन मैं इसका उपयोग नहीं कर सकता क्योंकि मेरे पृष्ठ इन/आउट हो जाते हैं और जब स्क्रिप्ट मूल तत्व (#pagecontainer) का अल्फा 0 होता है, तो यह सोचता है कि मूल तत्व समाप्त हो गया है और इसे ठीक करने के लिए कहीं भी नहीं है।

धन्यवाद।

Answer 1

, माता पिता position: relative दें इस तरह:

.parent { 
    position: relative; 
} 
.child { 
    position: absolute; 
    top: 0; 
} 

DEMO देखें।

Answer 2

मैंने आपके लिए यह CodePen बनाया है।

आपके विवरण से, यह आधा रास्ता है।

लेकिन जब मैं संपूर्ण ब्राउज़र विंडो स्क्रॉल करता हूं तो वे आगे बढ़ेंगे।

आपको iframe या किसी प्रकार का जावास्क्रिप्ट समाधान उपयोग करने की आवश्यकता होगी।