क्या वेब पेज पर किसी विशिष्ट स्क्रॉल स्थिति में हाइपरलिंक बनाना संभव है? उदाहरण के लिए, मैं http://www.stackoverflow.com/ का लिंक बनाना चाहूंगा , लेकिन पृष्ठ के साथ 100 पिक्सेल नीचे स्क्रॉल किया जाएगा।
क्या वेब पेज पर किसी विशिष्ट स्क्रॉल स्थिति में हाइपरलिंक बनाना संभव है? उदाहरण के लिए, मैं http://www.stackoverflow.com/ का लिंक बनाना चाहूंगा , लेकिन पृष्ठ के साथ 100 पिक्सेल नीचे स्क्रॉल किया जाएगा।
जवाबों:
आप jQuery स्क्रॉलटॉ प्लगइन का उपयोग करके किसी दिए गए स्थान पर स्क्रॉल कर सकते हैं । यदि आप इसके डेमो पेज पर एक नज़र रखते हैं , तो आप देखेंगे कि प्लगइन कई अलग-अलग विकल्पों में सक्षम है, जिसमें एक निश्चित स्थिति तक स्क्रॉल करना शामिल है। इसका मतलब है कि आपको लक्ष्य के जावास्क्रिप्ट को नियंत्रित करना होगा, हालांकि, यह किसी बाहरी साइट के लिंक के लिए उपयुक्त नहीं हो सकता है।
इन-पेज का वैनिला रास्ता लिंक पेज में पहले से मौजूद एंकर पॉइंट के माध्यम से है ।
यह <a>…</a>
टैग का उपयोग करके बनाया जा सकता है । ध्यान दें कि "लंगर बिंदु" (ऊपर) में निर्दिष्ट लिंक #h-12.2
के अंत में है। यह <a id="h-12.2">12.2</a>
पृष्ठ बनाने वाले HTML में एम्बेडेड से मेल खाता है , और जब क्लिक किया जाता है, तो इस एंकर को पृष्ठ दृश्य रिपोज करेगा।
ध्यान दें कि HTML5 से पहले, name
एंकर टैग में विशेषता का उपयोग किया गया था, लेकिन अब समर्थित नहीं है और id
इसके स्थान ( संदर्भ ) में विशेषता का उपयोग किया जाना चाहिए । इसका मतलब यह भी है कि आप एंकर टैग के लिए किसी भी तत्व का उपयोग कर सकते हैं, आप <a>
तत्व तक सीमित नहीं हैं ।
पृष्ठ पर राइट-क्लिक और निरीक्षण तत्वों का प्रयास करें। आपको <a>
टैग मिलेंगे , वे एंकर पॉइंट हैं।
फिर <
पहले और आखिरी से पहले बाहर निकालें a
ताकि वे लिंक के रूप में दिखाई न दें। प्रतिक्रिया बॉक्स में लिखते समय आप वास्तव में प्रभाव देख सकते हैं, जब यह आपको नीचे पूर्वावलोकन दिखाता है।
a href="/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header">question /a>
तथा
a href="/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers">answers /a>
जैसा कि आप देख सकते हैं, एकमात्र अंतर बहुत अंत में है जहां पाउंड ( #
) प्रतीक के बाद लंगर का नाम है । इसके बाद का नाम >
उपयोगकर्ता के लिए लिंक कैसे पढ़ता है।
इस मामले में "प्रश्न-शीर्षलेख" को "प्रश्न" के रूप में पढ़ा जाता है और उत्तर समान होता है।
फिर माइक की टिप्पणी के लिए निम्नलिखित लिंक होना चाहिए । चूंकि उनका एंकर पॉइंट है382094
स्पष्ट करने के लिए, आप बस लंगर ढूंढ सकते हैं और #
अपने लिंक के बाद जोड़ सकते हैं।
/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header
/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers
/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#880079
ये सभी आपको एक ही पृष्ठ पर विभिन्न स्थानों पर ले जाएंगे।
किसी पृष्ठ पर एक पिक्सेल विशिष्ट स्थिति से लिंक करने के लिए, एंकर टैग को एक div के अंदर रखें जो "टॉप: x लेफ्ट: y" निर्देशांक का उपयोग करके पूरी तरह से स्थित है।
यदि आप उस स्थिति में आईडी का उपयोग नहीं करते हैं तो भी आप किसी वेबपेज की विशिष्ट स्थिति से लिंक करने के लिए Citebite का उपयोग कर सकते हैं । यह प्रयोग करने में आसान है। बस मैं यहां दिए गए लिंक पर जाऊं और फिर अपने टेक्स्ट पेज को टेक्स्ट टेक्स्ट फील्ड में जाने के बाद सबसे पहले दिखाना चाहता हूं और फिर सोर्स यूआरएल टेक्स्ट फील्ड में वेबपेज का लिंक उपलब्ध कराएं। इसके बाद Make Citebite पर क्लिक करें। फिर यह एक लिंक उत्पन्न करेगा। वह लिंक आपका वांछित लिंक होगा।