Ru-Board.club
← Вернуться в раздел «Web-программирование»

» jQuery: Перемещение якоря на верх страницы

Автор: pauliv
Дата сообщения: 09.03.2012 20:24
Возможно ди в скрипт гармошки дописать функцию, чтобы активная закладка перемещалась на верх страницы или лучше на н-ное количество пикселей от верха.


Код: <script type="text/javascript">
$(document).ready(function(){
    
    $(".accordion2 h3").eq(2).addClass("active");
    $(".accordion2 p").eq(2).show();

    $(".accordion h3").click(function(){
        $(this).next("p").slideToggle("fast")
        .siblings("p:visible").slideUp("fast");
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });

});
</script>
Автор: Cheery
Дата сообщения: 09.03.2012 22:07
pauliv

Цитата:
чтобы активная закладка перемещалась на верх страницы

а на примере? что такое "активная закладка" и как это выглядит, когда в верхней части страницы
Автор: pauliv
Дата сообщения: 10.03.2012 09:54
http://anton.shevchuk.name/wp-demo/jquery-tutorials/accordion2.html

Если будет много пунктов, и при открытии пункта в самом низу страницы, все его содержимое откроется вниз. А надо чтобы пункт переместился максимально вверх, чтбы стало видимым его содержимое.
Автор: Cheery
Дата сообщения: 11.03.2012 07:12
pauliv

Цитата:
А надо чтобы пункт переместился максимально вверх, чтбы стало видимым его содержимое.

каким образом, если сверху все занято свернутыми пунктами? или вы хотите менять их местами? или меню не с самого верха страницы идет?
Автор: pauliv
Дата сообщения: 11.03.2012 11:00
Когда открываются пункты (а текста в ним довольно много, предположительно больше чем на экран), появится полоса прокрутки, соответственно можно сдвигать вверх.
Автор: orabin
Дата сообщения: 12.03.2012 10:59
подскажите хорошую русскую доку по jQuery
Автор: pauliv
Дата сообщения: 13.03.2012 12:12
Никто не подскажет решение по моему вопросу?
Автор: Cheery
Дата сообщения: 13.03.2012 18:48
pauliv
я не совсем представляю как выглядит "сдвигать вверх". А если нужна верхняя опция в меню, которая скроется?
Автор: OLEX
Дата сообщения: 31.08.2016 08:42
pauliv

Код:
$(this).next("p").slideToggle("fast",function(){
$("body").animate({scrollTop: $(this).offset().top - 10}, "slow");
})

Страницы: 1

Предыдущая тема: Установка ReCaptcha на PHP страницу


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.