使用向下箭头键向下滚动不同的时间到不同的div

时间:2014-03-31 13:19:21

标签: jquery scroll

所以我得到一个包含不同div的页面,我想向下滚动每个箭头键,例如

<div id="one">
<div id="two"> 
<div id="three"> 

我第一次尝试了这个

   var scrolled = 0;
   $("body").keyup(function(e) {    
        if(e.keyCode == 40) {
            scrolled++; 
            $('body,html').animate({scrollTop: 895 * scrolled}, 700);
        }

但这不是我想要的,因为很明显它在具有不同dpi的计算机上无法正常工作所以我尝试了这个

$(document).keydown(function(e) {
    e.stopPropagation();

    if (e.keyCode == 40) {
        e.preventDefault();
        $('body').animate({
            'scrollTop': $('#one').offset().top}, 800);
    }

但我不知道如何使用此代码来访问ID为#2的div ...那么有人可以帮我这么做吗?

由于

0 个答案:

没有答案