jQuery slideToggel и прокрутите вниз

Question

jQuery slideToggel и прокрутите вниз

0

В этом примере я пытаюсь сгладить часть нижнего колонтитула, а также прокрутить до нижней части страницы и изменить img на up.png. Как добавить эти 2 добавленные funcationality к slideToggle.

HTML

<li id="show_footer"><a><img src="images/footer/down.png" /></a></li>

<nav id="sub">
</nav>

CSS

nav#sub {
display: none;
}

SCRIPT

$("#show_footer").click(function() {
 $("#sub").slideToggle("slow");
});

Jawad Asghar Ali 21 март 2014, в 11:23

Источник

Теги:

javascript

jquery

html5

css3

1 ответ

Ещё вопросы

Top Questions · Accepted Answer · 2014-03-21T08-06-00.000Z

Попробуйте этот код,

$("#show_footer").click(function() {
 $("#sub").slideToggle("slow");
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
    if($('#sub:visible').length > 0){
        $('#show_footer > a > img').attr('src', 'new/src/file/up.png');
    }else{
    $('#show_footer > a > img').attr('src', 'new/src/file/down.png');
    }
});

Это должно сделать трюк. Отредактировано, потому что плавный свиток. ЭТО НЕ ИСПЫТАНИЕ.

страница должна прокрутиться вниз, и изображение должно измениться, когда пользователь нажимает на #show_footer и #sub скользит. Может быть, функция обратного вызова?
Хорошо, понял, но ругань внезапная, без анимации. В любом случае, чтобы контролировать это?
изм. Как я писал: не проверял, но я думаю, что это работает - если нет - вы можете редактировать это. Может быть, это поможет вам найти решение.
это работает, но прокрутка начинается только тогда, когда сдвиг слайдера закончен. Как мне это связать? - $ ("html, body"). animate ({scrollTop: $ (document) .height () - $ (window) .height ()});