нажмите на кнопку прокрутки до определенного div?

Question

Hello Everyone,

Iam new in php. Я хочу прокрутить вниз до моего div, чтобы нажать на кнопку. пожалуйста, помогите мне, как я это делаю. когда я нажимаю кнопку, прокрутка слегка перемещается в мой div.

И используя этот код

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#scroll').click(function() { 
    $.scrollTo($('#res'), 500); 
    }) 
    }); 
</script> 


<input type="button" value="Scroll" id="scroll" /> 

<div id="data">one big idea. 
<div class="res" id="res"> 
<h2>RESULT</h2> 
one big idea.. 
</div> 
<p>one big idea.</p> 
</div> 

Спасибо заранее

Answer 1

$('#scroll').click(function() { 
    $('html,body').animate({'scrollTop':$('#res').position().top}, 500); 
}); 

Answer 2

$(".jumper").on("click", function(e) { 

    e.preventDefault(); 

    $("body").animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 600); 

}); 

DEMO WORKING для LABEL ..

Answer 3

Я использую этот ...

// [a] obj to scroll to, mandatory, like, '#id' or '.class' 
// [c] miliseconds, default 1 sec. if not set 
// [b] offset from top, default 0 if not set 
function sTo(a,c,b){ 
    if(typeof(a)=="undefined")return; 
    c=typeof(c)!="undefined"?c:1000; 
    b=typeof(b)!="undefined"?b:0; 
    jQuery("html,body").stop(true,true).animate({scrollTop:jQuery(a).offset().top+b},c,function(){ 
     // if you want a callback function, call it here 
    }); 
} 

тогда, просто называют это нравится:

<input type="button" value="Scroll" id="scroll" onclick="sTo('#res',500,50)"/> 

Answer 4

ScrollTo не является функцией exsisting JQuery.

Вы можете использовать сочетание ScrollTopclick и Animateclick, чтобы имитировать его. Что-то вроде этого:

$(document).ready(function() { 
    $("#scroll").click(function() { 
     $('html, body').animate({ 
     scrollTop: $("#res").offset().top 
     }, 2000); 
    }); 
}); 

http://jsfiddle.net/QW5WJ/