平滑滚动javascript的滚动问题

这是一个复杂的问题

我第一次做的是让平滑滚动工作

然后，我开始工作了。但现在又出现了另一个问题，我无法用鼠标滚动右边的平滑可滚动内容。 意思是不能手动上下滚动，除非我点击触发平滑滚动的链接

另一件事是我的背景图像搞砸了。 在背景大小被设置为覆盖之前，它会一直延伸。但当我修改以修复平滑滚动问题时，背景设置也被弄乱了，现在它的大小不合适

现状

id:测试通过日期：2015

正确的背景外观

我如何解决这些问题。。。

---

任何帮助都将不胜感激

好吧，你做了一些事情，我不知道为什么。但是我在这里做了一个和你的非常相似的页面。当你的布局变得越来越小，移动设备超过50%的流量时，你可能想考虑一种移动友好的方法。无论如何，看看链接，它有你想要的一切，当然

我使用了jQuery动画函数

$.fn.scrollNav = function (margin_top) {

    event.preventDefault();
    var
       goTo = $(this).attr("href"),
       addTop = margin_top | 0;

    $('html, body').animate({
        scrollTop: $(goTo).offset().top + addTop
    }, 700);
}

它还使用到元素的普通链接。这可以做几件事：

1：用户已经知道如何使用它们了 2：添加到浏览器历史记录中，因此如果用户想要点击后退按钮，它会将他们带到页面的上一个位置，而不是他们来自的网站。 同样，链接中的布局更加流畅，对于不同大小的台式机不会退化得如此糟糕。当然，在你使用手机之前，你需要调整@media查询

此外，如果需要，现在可以选择添加边距顶部差异。使用方法中的唯一参数，可以提供将偏移滚动的数字。你可以使用，比如说，100，它将在元素后面额外放置100个像素，或者你可以说-100，它将在元素前面放置100个像素

---

希望这能帮助我的人。任何问题请随时提问，我会调整。

你写的两个链接给了我一个错误，你为什么要注释掉位置：绝对；在style2.css文件的第217行？把它放回去可以让我正确地滚动。把它放回去会禁用最左边链接可以触发的平滑滚动。因此，我想在不禁用平滑滚动的情况下解决这两个问题。@I这是id/pass。。id：测试通过：2015你的JavaScript使用了什么？哇！非常感谢你！我一定会好好看看这个。一个简单的问题是，第二个导航在你的小提琴，项目1~3滚动像我的测试网站吗？是的，这不会是一个问题，只要添加overflow-y:auto，你就可以了。谢谢@我的答案对你有帮助吗？如果是，请您选择它作为正确答案，如果不是，请告诉我还有什么可以帮助的。谢谢非常感谢。这正是我需要的！最后一个问题，如何调整滚动点？我想调整一下，这样当滚动时，滚动内容不会显示在最顶端，但从顶端可能有100像素的边距？@HirohitoYamada，我更新了答案和js fiddle。过来看！