मैं बनाया है एक मॉडल है, जो में मैं रखा है एक href
लिंक करने के लिए एक संपर्क अनुभाग के अंत में रखा एक ही index.html
.
जब मैं क्लिक करें contact me
बटन मोडल गायब हो जाता है और मैं नहीं कर रहा हूँ नीचे स्क्रॉल करने के लिए संपर्क अनुभाग (मुझे लगता है कि वहाँ के कुछ प्रकार है inbuild scrolldown समापन के बाद मोडल को तोड़ता है, जो अपने खुद href लिंक).
मैं करने की कोशिश की जावास्क्रिप्ट का उपयोग कर विधि बटन क्लिक करने के बाद, लेकिन वहाँ भी दिखाई देते हैं समस्याओं.
का उपयोग करते समय window.location.reload
और फिर scrollintoview
करने के लिए #kontakt
पृष्ठ पुनः लोड अच्छी तरह से लेकिन scrollintoview
जगह कभी नहीं ले.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalToggle">
Launch demo modal
</button>
<div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered" style="width:50%;margin:auto">
<div class="modal-content">
<div class="modal-body">
<img src="https://www.apacara.com/media/images/orange.jpg" class="d-block w-100" style="width:100%;border-radius:4px;margin:auto">
</div>
</div>
<div class="modal-footer" style="text-align: center;">
<button class="btn btn-primary" style="float:left" data-bs-target="#exampleModalToggle6" data- bs-toggle="modal" data-bs-dismiss="modal">Next</button>
<a class="btn-grad" href="#kontakt" style="cursor:pointer;font-weight:500!important" data-bs- toggle="modal" data-bs-dismiss="modal">Contact me</a>
<button class="btn btn-primary" style="float:right" data-bs-target="#exampleModalToggle2" data- bs-toggle="modal" data-bs-dismiss="modal">Previous</button>
</div>
</div>
</div>
<div id="kontakt" style="margin-top:500px">Helo helo helo helo</div>
<div class="modal-backdrop show"></div>
इस वर्ग के शेष है, शरीर के शीर्ष पर और ब्लॉक सामग्री.