Блог

Я пытаюсь создать форму, которая может быть загружена в любой момент из заголовка с фиксированной позицией, теперь фактическая форма и наложение работают, моя проблема в том, что когда я нажимаю кнопку, чтобы открыть указанное наложение, если я нахожусь внизу страницы, оно перетаскивает страницу обратно наверх. как мне остановить это от этого?

однако я все еще немного новичок в отделе программирования, я пробовал разные позиции, чтобы попытаться исправить проблему, но безуспешно. я не знаю, есть ли какой-то волшебный jquery, который может решить проблему!

 <div class="overlay1" id="overlay1">
    <div class="overlayin">
        <i class="fas fa-times" id="hideov1"></i>
        <h2>Request a Quote</h2>
        <p>Want a rough idea of cost for the design or product you need?<br> fill in the form below with as much detail as possible!</p>
        <hr>

        <form>
            <h5>Which service is most relevenent to your project needs?</h5>
            <p>Graphic Design</p>
            <p>Web Design</p>
            <p>I dont Know yet</p>
            <div class="radio1">
                <input type="radio" value="Graphic Design">
                <input type="radio" value="web Design">
                <input type="radio" value="idkyet">
            </div>
            <h5>Could you detail a description of your project?</h5>
            <textarea placeholder="Feel free to list things in bulletpoint form or paragraphs, dont forget the more information you proivde the better we will be able to understand your project!"></textarea>
            <div class="qbox">
                <h5>do you have an budget?*</h5>
                <input type="text" required placeholder="What's your estimated cost?">
                <h5>do you have an budget?*</h5>
                <input type="text" required placeholder="What's your estimated cost?">
                <h5>do you have an budget?*</h5>
                <input type="text" required placeholder="What's your estimated cost?">
            </div>
        </form>
    </div>

</div>
  

 .overlay1 {
    width: 40vw;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background-color: white;
    z-index: 10001;
    display: none;
    overflow-y: scroll
}
  

 
$(document).ready(function () {
    $("#showov1").click(function () {
        $('#overlay1').slideToggle();
    })
});
  

Заранее спасибо за любую помощь