2012-07-04 2 views
1

У меня есть этот код для прокрутки вверх и вниз в HTML:прокрутки вверх и вниз медленно с JQuery

<div id="Response" class="comment"></div> 
<br> 
<br> 
<br> 
<br> 
<div class="but4 , text15"><a id="Resp" href="#rp">Answer</a></div> 

и этот код в Jquery:

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 
<script type="text/javascript"> 
    $("#Resp").click(function() { 
     $("html").animate({ scrollTop: $("#Response").offset().top }, 1200); 
    }); 
</script> 

, но он не работает .. как может Я это исправить? Я хочу, когда я нажму на ответ, прокручиваем его вверх и перейдем к ответу div.

ответ

3

Я предложил бы использовать плагин ScrollTo вместо прокатки собственное решение: http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Демо находится здесь: http://demos.flesler.com/jquery/scrollTo/

Вы можете легко определить продолжительность: http://demos.flesler.com/jquery/scrollTo/

EDIT

Решение, с которым мы столкнулись в чате, это (не включая script теги):

$(function() { 
    $("#Resp").click(function() { 
     $("body").scrollTo($("#Response"), 1200); 
    }); 
}); 
+0

Я не профессионал в Jquery. Можете ли вы предоставить мне код? –

+0

Конечно, я добавил пример. Но вы должны добавить этот плагин scrollTo к своему проекту, к которому я привязался. –

+0

Это не работает. –

0

Это зависит от реализации браузера, но вы можете заставить его работать в WebKit (Safari, Chrome) и Firefox с

$('html, body').animate({ scrollTop: $("#Response").offset().top }, 1200); 
+0

это не работает дорогой Beat. –

+0

Он работает для меня в Firefox и в Chrome (я использую фиксированное значение для scrollTop). Вы включаете jquery 1.5.1, последняя версия - 1.7.2 - если можно, вы должны ее обновить. –

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