прокрутите страницу, чтобы перейти на страницу

Question

Я пытаюсь прокрутить страницу по событию .click. Вот то, что я до сих пор:

JQuery:

function scrollToStart() { 
    $("#scrollToStart").click(function() { 
     $("#startHere").animate({ scrollTop: 0 }, "slow"); 
     return false; 
    }); 
} 

HTML:

<a href="#startHere" id="scrollToStart"> 
    <img class="img-center" src="images/get-started.png"/> 
</a> 

Когда я нажимаю, он ничего не делает. Что я сделал не так?

Answer 1

это должно работать

$("#scrollToStart").click(function(){ 
     $('html, body').animate({ 
     crollTop: $("#startHere").offset().top 
    }, 2000); 

}); 

рабочую скрипку http://jsfiddle.net/tvTUu/

Answer 2

$(document).ready(function(){ 
$("#scrollToStart").click(function() { 
    $("#startHere").animate({ scrollTop: 0 }, "slow"); 
    return false; 
});}); 

Answer 3

Используйте

$('html,body').animate({  
scrollTop: $("#divToBeScrolledTo").offset().top;  
}); 

с scrollTop: 0 вы всегда прокручивать в верхней части страницы.

Более подробную информацию вы можете найти здесь (с лайв-Demo):
http://css-tricks.com/snippets/jquery/smooth-scrolling/

Answer 4

$(function(){// when dom loaded 
    $("#scrollToStart").click(function(){ 
     $(document.body).animate({ 
      scrollTop: 0 
     }); 
    }); 
}); 

Я работает для меня.

Answer 5

Если я правильно понял вопрос, вам нужно прокрутить страницу до верхней позиции события click с эффектом анимации. Я сделал что-то подобное не так давно, вот код JavaScript.

innerAnimationStep = 25; 
innerScrollStep = 1; 

function scrollTopAnimated(scrollStep, animationStep) 
{ 
    try 
    { 
     innerScrollStep = scrollStep; 
     innerAnimationStep = animationStep; 
     scrollTopAnimationStep(); 
    } 
    catch(e) 
    { 
     console.log(e.message); 
    } 
} 

function scrollTopAnimationStep() 
{ 
    try 
    { 
     var jDocument = $(document); 
     if(jDocument.scrollTop() > 0) 
     { 
      jDocument.scrollTop(jDocument.scrollTop() - innerScrollStep); 
      setTimeout(scrollTopAnimationStep, innerAnimationStep); 
     } 
    } 
    catch(e) 
    { 
     console.log(e.message); 
    } 
} 

Просто позвоните scrollTopAnimated, чтобы получить страницу свиток с анимированным эффектом. Надеюсь, это поможет.

Answer 6

$("#scrollToStart").bind('click',function() { 

$('body , html').animate(
    { 
    scrollTop : $("#startHere").offset().top 
    } , 2000) ; 
}); 

http://justprogrammer.com/2013/06/21/scroll-to-specifically-element-in-browser/ http://justprogrammer.com/2013/06/25/jquery-basic-concepts/