Прокрутите вверх после слайда вниз

Я сделал небольшой сценарий свертывания/расширения jquery

http://jsfiddle.net/goldie/QFL49/ (пожалуйста, не обращайте внимания на html/ css, потому что я этого не сделал)

Как я могу сделать расширенный div для прокрутки вверх страницы? Спасибо за помощь.


jquery scrolltop
person Goldie    schedule 30.06.2011    source источник
comment
Вы хотите, чтобы верхняя часть расширенного div всегда была поверх окна просмотра?   -  person Mo Valipour    schedule 30.06.2011

Ответы (4)


arrow_upward
5
arrow_downward

я нашел это

.slideDown(200, function() {
    $('html, body').delay('200').animate({
    scrollTop: $(this).offset().top - 111
    }, 200);
});
person Goldie    schedule 02.08.2011

arrow_upward
3
arrow_downward

В итоге нашел это, работает нормально:

.slideDown(200, function() {
    $('html, body').delay('200').animate({
    scrollTop: $(this).offset().top 
    }, 200); }); } });
person D J    schedule 31.05.2012

arrow_upward
0
arrow_downward

вы можете использовать .scrollTop или, если вы хотите его анимировать, например, .animate({"top": "0px"},1000)

person Rodolfo    schedule 30.06.2011
comment
Я уже сделал это. $(this).parent().parent().parent().parent().next().animate({top: 0px},1000); и это не работает - person Goldie; 30.06.2011
comment
@Goldie - это ужасно уродливо и нестабильно! Вместо этого попробуйте $(this).closest('.someClass'). - person Mark Kahn; 30.06.2011
comment
Я пробовал даже это, но это просто не работает :) вот ссылка jsfiddle.net/goldie/QFL49 вы можете попробовать сами - person Goldie; 30.06.2011
comment
если вы хотите отправить выбранный раздел наверх, вот что я бы сделал ... $(this).closest(".aktuell-wrapper").prependTo('#a') (для простоты я дал td идентификатор 'a') Я сделал это в jsfiddle.net/QFL49/1 - person Rodolfo; 30.06.2011
comment
@Rodolfo Это то, что я хочу - отправить выбранный раздел вверху, но я не вижу, чтобы он работал на jsfiddle.net/QFL49/1 - person Goldie; 30.06.2011
comment
ну, это добавление, вы можете переместить полосу прокрутки вверх, выполнив $(window).scrollTop(0) после этого - person Rodolfo; 30.06.2011
comment
эээээээ нет :) В таком случае, если вы нажмете на какой-то из разделов, которые находятся внизу, страница будет прокручиваться вверху и открытая статья не будет видна. - person Goldie; 01.07.2011

arrow_upward
0
arrow_downward

Существует также подключаемый модуль jQuery scrollTo, http://plugins.jquery.com/project/ScrollTo.

person nickytonline    schedule 30.06.2011
comment
Хотя раньше я уже пользовался ScrollTo как-то тут вообще не работает - person Goldie; 30.06.2011