2014-11-28 1 views
0

Я пытался добавить функцию scrollTo к моей фактической JS

$(function() { 
    $('.click').click(function() { 
     $('#me').stop().slideToggle(500); 
     return false; 
    }); 
}); 

Это просто в основном отобразить скрытые DIV под фактическим текстом

то, что я хотел бы сделать это должен прыгать сразу на Div


Js скрипку http://jsfiddle.net/3zahL1qv/


То, что я пытался сделать, это добавление $.scrollTo($('#me'), 500);, но по какой-то причине он не делает ничего, но просто разорвать мой текущий JS

Заранее спасибо

ответ

1

Просто добавьте $ (окно) .scrollTop (500); в вашем коде. Здесь рабочий ПРИМЕР- http://jsfiddle.net/3zahL1qv/1/

$(function() { 
    $('.click').click(function() { 
     $('#me').stop().slideToggle(500); 
     $(window).scrollTop(500); 
     return false; 
    }); 
}); 

лучший способ сделать это следующим образом:

$(function() { 
$('.click').click(function() { 
    $('#me').stop().slideToggle(500); 
    $('html, body').animate({scrollTop:$("#me").position()["top"]}, 'slow'); 
    return false; 
}); 

});

Рабочего пример: http://jsfiddle.net/3zahL1qv/13/

+0

эй спасибо, но я хотел бы сделать медленный иш эффект прокрутки, чтобы перейти непосредственно к этому определенному DIV, что возможно с текущим кодом? – common

+0

попробуйте этот: http://jsfiddle.net/3zahL1qv/1/. Здесь я обновил код. –

+0

Я не могу видеть, что вы изменили, но он по-прежнему не работает так, как я хочу, но спасибо в любом случае – common

Смежные вопросы