За последние 24 часа нас посетил 21441 программист и 1016 роботов. Сейчас ищут 654 программиста ...

Помогите

Тема в разделе "JavaScript и AJAX", создана пользователем MNW, 10 фев 2023.

  1. MNW

    MNW Новичок

    С нами с:
    4 май 2022
    Сообщения:
    12
    Симпатии:
    0
    Есть небольшой AJAX который при нажатии на кнопку открывает блок

    AJAX
    Код (Javascript):
    1. $(function() {
    2.     $("#" + $(".radio:checked").val()).show();
    3.     $(".radio").change(function(){
    4.         $(".radio-blocks").hide();
    5.         $("#" + $(this).val()).show();
    6.     });
    7. });
    Сама кнопка:
    HTML:
    1.     <label class="radio-control">
    2.         <input id="radio-1" class="radio" type="radio" name="radioname" value="radio-block-1" />
    3.         <span class="radio-input">
    4.             <img src="/test.png" />
    5.             <span>Тест</span>
    6.         </span>
    7.     </label>
    Вывод данных:
    HTML:
    1. <div id="radio-block-1" class="radio-blocks" style="display:none"></div>
    Помогите допилить код, что бы когда жмешь на на кнопку он не просто блок открывал но еще страницу сайта к этому блоку спускал, очень прошу о помощи
     
  2. ibnteo

    ibnteo Активный пользователь

    С нами с:
    30 сен 2008
    Сообщения:
    34
    Симпатии:
    1
    https://doka.guide/js/element-scroll-scrollintoview/
    --- Добавлено ---
    В jQuery есть метод scrollTop, но там надо высчитывать куда прокручивать страницу, scrollIntoView удобнее использовать.