2013-07-23 7 views
7

मैं <a href="#FAQ">FAQ</a> से div आईडी पर एक div कूदने की कोशिश कर रहा था और आसानी से सफलता प्राप्त कर सकता था, लेकिन चूंकि मेरे पास कूदने के लिए एक निश्चित लिंक है, इसलिए मुझे कोई तरीका नहीं दिख रहा है ऐसा करने के लिए।पृष्ठ से div से an anchor तक

अर्थ, मैं एक div या एक href लिंक एक ही पृष्ठ में एक यूआरएल के लिए कूद करना चाहते हैं <a href="http://www.mydomain.ask.html">Ask</a>

मैं निश्चित रूप से पता है कि एक लंगर से एक div करने के लिए इस तरह के रूप कूद जैसे <a href="#jump">jump</a><div id="jump">jump to point</div> ठीक काम करता है। हालांकि, विपरीत तरीके के बारे में कैसे? क्या यह काम करता है? मेरा मतलब है कि div id से एंकर कार्यों में कूदना?

+0

साथ उपयोग कर सकते हैं अगर मैं इसे की कोशिश नहीं की कड़ी है, तो मैं तब क्यों पूछूंगा? :) –

+1

मैं आपको जो करना चाहता हूं उसका परीक्षण करने के लिए सरल HTML फ़ाइल बनाने की अनुशंसा करता हूं। – Malkus

+0

कारण है कि आप (@Digitalsite) यह तो कोशिश मत करो ?? –

उत्तर

9

जब तक आपके लंगर एक आईडी पर क्लिक करके अपने दृश्य में एक स्थान से लिंक कर सकते है div आपको बस कुछ जावास्क्रिप्ट की आवश्यकता होगी।

window.location.hash मूल्य सेट चयनित आईडी पर दृश्य का ध्यान केंद्रित डाल देंगे।

नमूना

<a href="#test1" id="back">Test</a> 

<div id="test1" onclick="window.location.hash='back'; "> 

JSFiddle Example

+0

ठीक है, अच्छा समाधान। यही वह है जो मैंने किया था। हालांकि, मुझे क्या करना चाहते हैं = "test1" '' करने के लिए एक href = "# test1" ', नहीं सामान्य तरीके से हम जानते हैं कि' div id से कूद है ... –

+0

सिर्फ अपने उदाहरण में पता चला कि मैं करने के लिए है क्लिक ** परीक्षण ** ** लक्ष्य div के लिए कूद करने ** और उसके बाद ** लक्ष्य div ** वापस लिए जाने के लिए ** परीक्षण ** लंगर है, जो अच्छा है। हालांकि, मैं से ** लक्ष्य div केवल एक कूद चाहते ** ** परीक्षण ** "एक तरह से" –

+1

आप सटीक उदाहरण मैं प्रदान की उपयोग करने के लिए _have_ नहीं है। – Malkus

3

मैं तो लगता है कि आप अपने पहले div अंदर <a href="yourid">page place</a> जोड़ने के लिए और अपने एंकर टैग करने के लिए आईडी देना है <a href="yourplace" id="idname"></a>

+1

यह समाधान कहीं सही रास्ते के आसपास जा रहा है ... सुनिश्चित नहीं है कि मैं इसे अच्छी तरह से समझ सकता हूं। फिर भी धन्यवाद। –

3

आप चर के साथ एक और जाने के लिए आप आईडी # संकेत

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a> 

<div id="lastdiv">There are last product Exist</div> 
संबंधित मुद्दे