jquery - Prevent scroller sidebar to overlap with footer -
मेरे पास कोड के साथ एक साइडबार है
& lt; अनुभाग & gt; & Lt; div class = "8u" & gt; & Lt; / div & gt; & Lt; div class = "4u" & gt; & Lt; div id = "साइडबार" & gt; & Lt; div id = "scroller-anchor" & gt; & lt; / div & gt; & Lt; div id = "scroller" शैली = "मार्जिन-टॉप: 10px; चौड़ाई: 270 पीएक्स" & gt; यहां सामग्री & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / अनुभाग & gt; & Lt; पाद लेख & gt; सामग्री फुटर & lt; / footer & gt; मेरी समस्या यह नहीं है कि जब मैं स्क्रीन स्क्रॉल करता हूं तो साइडबार स्क्रॉल आसानी से होता है, लेकिन जब साइडबार पाउडर पर पहुंचता है तो साइडबार पाद लेख सामग्री को ओवरलैप करता है मुझे लगता है कि पाद लेख प्रारंभ होने पर आखिरकार स्थिति में साइडबार अवश्य होना चाहिए। साइडबार को स्क्रॉल करने के लिए मेरा JQuery कोड है:
// & Lt;! [सीडीएटीए [$ (विंडो) .लोड (फ़ंक्शन () {$ (फ़ंक्शन () {var a = function () {var b = $ (विंडो) .scrollTop (); var d = $ ("# scroller अगर (बी & gt; डी) {c.css ({स्थिति: "तय किया हुआ", शीर्ष: "50px"}}} अन्य { If (b & lt; = d) {c.css ({स्थिति: "रिश्तेदार", शीर्ष: ""}}}}}; $ (विंडो) .scroll (a); a ()});}); // ]] & gt; कृपया यहां मदद करें। मेरी
लिंक का उपयोग करने के बजाय, पूर्ण रखें और # साइडबार (या इसमें जोड़ें):
एक एक
** संपादित करें ** $ का उपयोग करें ("# scroller" )। $ ("# साइडबार") की बजाय ऊँची ()
// इस तरह यदि आप मैन्युअल रूप से ऊर्ध्वाधर स्थिति (इसे "निश्चित" पर छोड़ने के बजाय) सेट करते हैं, तो आप इसे पृष्ठ के अन्य तत्वों से तुलना कर सकते हैं और इसे किसी भी तरह से बदल सकते हैं। / P>
Comments
Post a Comment