Question

我正在尝试创建一个平滑的滚动页面，但它似乎无法正常工作。如果我删除了我网站的平滑滚动方面，锚会像往常一样自动跳转到div元素。

我附上了一个JSFiddle：http://jsfiddle.net/J7sxD/5/

var $root = $('html, body');
$('a').click(function() {
    $root.animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
    return false;
});

Answer 1

删除overflow-x: hidden;，它会起作用

请参阅此处http://jsfiddle.net/acidrat/Wt2rp/1/

Answer 2

Taylor，你的jsfiddle样本对我来说效果很好，但是我会分享一个更简单的方法来进行平滑滚动。使用jQuery和jQuery.localScroll插件。

下载最新的smoothscroll.js：https://github.com/flesler/jquery.localScroll/releases

添加两个javascript引用：

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="javascript/smoothscroll.js"></script>

然后确保添加类＆＃34; smoothScroll＆＃34;到您的<a>链接，如下所示：

<a href="#anchor1" class="smoothScroll">Jump to Page Location</a>

Answer 3

我找到了答案。打开谷歌浏览器的主页并在搜索栏中输入“chrome://flags”。现在按 ctrl+F，搜索栏将出现在您的 google 主页右上角。输入“smooth scroll”，它会引导您进入平滑滚动部分。单击“默认”并将其更改为“启用”并重新启动 chrome

JavaScript Smooth Scroll无效

3 个答案: