Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 使用JQuery缓慢地上下滚动_Jquery Ui_Jquery - Fatal编程技术网

Jquery ui 使用JQuery缓慢地上下滚动

Jquery ui 使用JQuery缓慢地上下滚动,jquery-ui,jquery,Jquery Ui,Jquery,我有以下代码用于在Html中上下滚动: <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

我有以下代码用于在Html中上下滚动:

<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>

$(“#Resp”)。单击(函数(){
$(“html”).animate({scrollTop:$(“#Response”).offset().top},1200);
});

但它不起作用。。我怎样才能解决这个问题?我希望在单击“应答”时,滚动到“向上”并转到“应答div”。

我建议使用ScrollTo插件,而不是滚动您自己的解决方案:

演示在这里:

您可以轻松指定持续时间:

编辑

我们在chat中提出的解决方案是(不包括
script
tags):


我建议使用ScrollTo插件,而不是滚动您自己的解决方案:

演示在这里:

您可以轻松指定持续时间:

编辑

我们在chat中提出的解决方案是(不包括
script
tags):


这取决于浏览器的实现,但您可以在webkit(safari、chrome)和firefox中使用它

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

这取决于浏览器的实现,但您可以在webkit(safari、chrome)和firefox中使用它

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

我不擅长Jquery。你能给我一个代码吗?当然,我添加了一个例子。但您必须将scrollTo插件添加到我链接到的项目中。我现在使用以下代码:$(“#Resp”)。单击(函数(){$.scrollTo($(“#Response”),1200);});你的工作顺利吗?如果没有,请尝试我的编辑。记住要等待DOM准备就绪,不要再等待了。我现在正在使用:$(函数(){$.scrollTo($(“#响应”),1200);});我不擅长Jquery。你能给我一个代码吗?当然,我添加了一个例子。但您必须将scrollTo插件添加到我链接到的项目中。我现在使用以下代码:$(“#Resp”)。单击(函数(){$.scrollTo($(“#Response”),1200);});你的工作顺利吗?如果没有,请尝试我的编辑。记住要等待DOM准备就绪,不要再等待了。我现在正在使用:$(函数(){$.scrollTo($(“#响应”),1200);});它在Firefox和Chrome中都适用(我对scrollTop使用固定值)。您包括jquery 1.5.1,最新版本是1.7.2-如果可以,您应该更新它。它在Firefox和Chrome中对我有效(我对scrollTop使用固定值)。您包括jquery 1.5.1,最新版本是1.7.2-如果可以,您应该更新它。