7
मैं अपनी साइट पर नेविगेट करने के लिए smoothscroll.js का उपयोग कर रहा हूं। यह फ़ायरफ़ॉक्स में सही एंकर पर रुक जाता है, हालांकि क्रोम में यह लिंक के पहले क्लिक पर बिंदु को पास करता है, और पृष्ठ के पीछे सामग्री को छिपाने के लिए सामग्री को शीर्ष पर धक्का देता है। फिर यदि आप इसे फिर से क्लिक करते हैं, तो यह सही ढंग से संरेखित होता है। मैंने अन्य साइटों पर भी समस्याएं देखी हैं। यह देखने के लिए उत्सुक है कि दूसरों को एक ही समस्या है या नहीं। क्रोम किसी भी शीर्ष पैडिंग या मार्जिन या पोजिशनिंग को अनदेखा करता है (उदाहरण: शीर्ष: 20%;)।फिक्स्ड हेडर के साथ एंकर पर स्क्रॉल करें, हेडर, मार्जिन और शीर्ष पैडिंग के पीछे छिपी हुई सामग्री
मैं समझने में कठिनाई आ रही है कि कैसे इन तरीकों में #target को संबद्ध करता है करने के लिए अनुमति देता है। मैं की कोशिश कर रहा था - डेमो में की तरह- लेकिन नहीं जाना। कोई सुझाव? – ATSiem
निकोलस गैलाघर की विधियां http://stackoverflow.com/a/13184714/109618 की तुलना में थोड़ा जटिल हैं, जिसमें बस इस HTML और यह सीएसएस शामिल है: a.anchor {display: block; स्थिति: सापेक्ष; शीर्ष: -50 पीएक्स; दृश्यता: छुपा;} –
मुझे लगता है कि, मैंने कई विधियों की कोशिश करने के बाद, छुपा एक बहुत ही आसान और अच्छा समाधान है। यह आपके सामान्य लेआउट को नष्ट किए बिना लिंक किए गए तत्व की स्थिति पर अच्छा नियंत्रण देता है जहां आप मार्जिन और पैडिंग का उपयोग कर सकते हैं। थक्स डेविड जेम्स – dichterDichter