Использование .animate на scrollTop

Как перейти к добавлению комментария к этой части кода?Использование .animate на scrollTop

$("body,html").scrollTop($("#wrapper3").position().top);

Я попытался добавить .animate, прежде чем scrollTop, но он продолжает показывать ошибку в Dreamweaver.

Любая помощь приветствуется.

EDIT:

HTML

<!DOCTYPE html> 
<meta charset=utf-8> 
<html lang="da"> 
<html> 
<head> 
<link href="_css/fddkStyles.css" rel="stylesheet" type="text/css" /> 
<link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> 
<script src="_jquery/jquery-1.10.1.min.js"></script> 




<title>Title of the document</title> 
</head> 

<body> 
<div id="wrapper"> 
<div id="bar16"></div> 
</div> 

<div id="wrapper2"> 
</div> 

<div id="wrapper3"> 
</div> 


<script src="_jquery/jquery.mCustomScrollbar.concat.min.js"></script> 
<script src="_jquery/TweenMax.min.js"></script> 
<script src="_jquery/my.js" type="text/javascript"></script> 
<script src="_jquery/jquery.scrollTo-1.4.3.1-min.js"></script> 


</body> 

</html>

JavaScript

$(document).ready(function(e) { 
    $("#bar16").click(function() { 
$("body,html").scrollTop($("#wrapper3").position().top); 


}); 
});

источник

2013-07-08 user2559792

Это не очень понятно, что и как вы хотите достичь свой результат, но если бы я понял, что вы имели в виду вы можете сделать :

<h1 id="anchor">Lorem Ipsum</h1> 
<p><a href="#anchor" class="topLink">Back to Top</a></p>

И JQuery:

$("a.topLink").click(function() { 
     $("html, body").animate({ 
      scrollTop: $($(this).attr("href")).offset().top + "px"}, {duration: 500, easing: "swing" 
     }); 
     return false; 
    });

#anchor может быть изменен на то, что вы хотите, и «Вернуться к началу» собирается пойти в #anchor. Просто убедитесь, что div (или в этом случае h1) имеет идентификатор idenditcal.

Вот Fiddle

Возможная причина для перехода к верхней части страницы, является тот факт, вы не загрузили JQuery. Убедитесь, что jQuery ЗАГРУЖЕН.

EDIT

Ok после того, как ваши изменения, вы должны просто изменить

<div id="bar16"></div>

к этому

<div id="bar16"> 
    <a href="#wrapper3" class="topLink">CLICK HERE</a></div> 
</div>

Как здесь: Fiddle

источник

2013-07-08 07:41:17

Извините, если я был не очень ясен. Код, который я вставил, используется для прокрутки экрана к определенному div, в этом случае # wrapper3. Прямо сейчас он просто прыгает прямо в div без какой-либо анимации, мне бы хотелось, чтобы он оживил свиток с плавной анимацией до div. – user2559792

Именно это я и разместил. Вы попробовали мой код? –

Проверьте это здесь: http://jsfiddle.net/nd87/3tgcp/1/ –

Использование .animate на scrollTop

ответ

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