Question

这是一个复杂的问题。

我第一次尝试让平滑滚动在this question.

上工作

然后，我开始工作了。但是现在出现了另一个问题，我无法滚动我的＆＃34;平滑可滚动内容（在div＃right上）＆＃34;用我的鼠标。除非我单击触发平滑滚动的链接，否则无法手动上下滚动。

其他的事情是我的背景图像搞砸了。在将背景大小设置为＆＃34;覆盖＆＃34;所以它一直伸展开来。但是当我进行修改以修复平滑滚动问题时，背景设置也搞砸了，现在它的尺寸不合适。

现状 http://1ne-studio.com/test2/index2.html

id：test
pass：2015

正确的背景外观 http://1ne-studio.com/test2/index.html

我怎样才能解决这些问题...... 任何帮助将不胜感激！

Answer 1

好吧，那里有一些你做过的事情，我不知道为什么。但我在这里创建了一个与你的页面非常相似的页面On jsfiddle。随着宽度变小，移动设备的流量超过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);
}

它还使用了元素<a href="#somewhere">here</a>的常规链接。这有两件事：

1：用户已知道如何使用它们
2：添加到浏览器历史记录中，如果用户想要点击后退按钮，则会将它们带到页面的上一个位置，而不是它们来自的网站。

同样，链接中的布局更加流畅，并且使用不同大小的桌面不会降低质量。当然，当您使用移动设备时，您需要使用@media查询进行调整。

此外，如果您愿意，现在可以选择添加保证金最高差额。使用方法中的唯一参数，您可以提供一个将偏移滚动的数字。你可以使用100，它会在元素之后增加100个像素，或者你可以说-100它将在元素之前落下100个像素。

希望这有助于我的男人。如有任何问题，请随时提出，我会进行调整。

平滑滚动javascript

1 个答案: