单击id或类时jquery动画慢[关闭]答案

【问题标题】：Slow jquery animate when clicked on id or a class [closed]单击id或类时jquery动画慢[关闭]
【发布时间】：2014-11-14 09:06:11
【问题描述】：

例如：我有一个菜单：A 点 <a id="pointA"></a> 并且身体某处有一个 B<div id="pointB"> 点。我想要做的是，当我点击 A 点时，它应该滚动到 B 点，但速度很慢。

我该怎么做？

【问题讨论】：

scrollto的可能重复

标签： jquery class click jquery-animate

【解决方案1】：

当点击 A 点时滚动到您的 B 点，请尝试类似的操作：

$("#pointA").click(function(event) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: $("#pointB").offset().top
    }, 1500); //This value will define the speed/ duration of your animation
});

【讨论】：

我应该为此在标题上加载 jquery.1.11.1.js 吗？
@PradeepGurung 1.10 以上的所有 jQuery 版本都应该可以工作。您选择哪一个取决于您的其他代码和浏览器支持。但是这里 1.11 版本应该是一个不错的选择
谢谢。它没有用，但是当我将代码放在头部时，它起作用了。你对这个问题有什么想法吗？？在我在正文结束之前编写脚本之前。
您是否尝试过在您的代码周围包裹一个$(document).ready()-函数？你应该总是这样做
是的，我做到了<script> $(document).ready(function() { $(".pointA").click(function(event) { event.preventDefault(); $('html, body').animate({ scrollTop: $(".pointB").offset().top }, 2500); }); }); </script>

【解决方案2】：

You can write below code for scroll to div pointB 

<script>
$(function(){
$("#pointA").bind("click",function(event) {
    $('body').animate({
        scrollTop: $("#pointB").offset().top},
    1000); 
});});
</script>

【讨论】：