Question

我知道堆栈上有很多平滑的滚动脚本，过去我已经采用了很多。由于我不想使用<a href="#">个链接，因此我使用<buttons data-href="">。这是我目前的代码：

var $root = $('html, body');
$('.smooth').click(function() {
        var href = $.attr(this, 'data-href');
        $root.animate({
                scrollTop: $(href).offset().top
        }, 500, function () {
                window.location.hash = href;
        });
        return false;
    alert('smoothness');
});

必要的html部分：

<button id="downarrow" data-href="#features" class="smooth">
  <span>scroll down</span>
</button>

这很有效，如右图所示： DEMO

我不知道为什么，但它在我的实际网站中使用相同的代码无效。您可以在此处查看其构建： FULL DEMO

Answer 1

这一行是一个CSS问题：

我删除了“溢出”属性：

article#wrapper{height:100%;width:100%;}

You can see it in your fiddle right here

平滑滚动到data-href

1 个答案: