如何点击div，平滑滚动到锚点？通过 jQuery答案

【问题标题】：How to click div, smooth scroll to anchor? via jQuery如何点击div，平滑滚动到锚点？通过 jQuery
【发布时间】：2014-08-08 01:22:06
【问题描述】：

我有一个 div 设置为链接。单击时，它会移动到页面内的锚点。使用此方法使整个 div 成为链接：Make Div a Link

问题不是链接本身的功能，而是我无法让它平滑滚动到锚点。在将 div 设置为链接之前（当它只是一个文本链接时），平滑滚动是工作的。

无法让这两个脚本很好地播放。

$(document).ready(function() {
    $('a').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    });
    $("div#learnMore").click(function() {
        window.location = $(this).find("a").attr("href");
        return false;
    });
});

在此处使用完整代码设置 JSFiddle：http://jsfiddle.net/HNbdm

任何见解将不胜感激！

【问题讨论】：

您正在寻找的是“平滑滚动到顶部”按钮的轻微更改版本尝试在谷歌中搜索 developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView
你同时使用这两种方法有什么原因吗？
This 适合我。
jQuery scroll To Element的可能重复

标签： jquery html

【解决方案1】：

我不知道你为什么有$($.attr(this, 'href'))。

我也不确定你为什么在这里使用这两个函数。您只需要一个：

$("#learnMore").click(function() {
    $("html, body").animate({
        scrollTop: $("#more").offset().top
    });
});

当你点击#learnMorediv时，页面会平滑滚动到#morediv的顶部。

Demo

【讨论】：