Question

我见过一些网站有这样的说法：他们的主页上只有一页（实际上他们有一些页面，但一次只显示一页），这意味着他们没有垂直滚动条，但是当你把手指放在触摸板上向上和向下滚动，主页将平滑地向上或向下滚动，显示一些不同的内容。

就像你有一张幻灯片一样，但幻灯片上下移动，而不是向左或向右。示例链接：http://tangyan.maxinrui.com/

有人可以告诉我如何做到这一点，也许使用Bootstrap？或者给我一个示例页面。

提前致谢。

Answer 1

你可以用按钮制作它，我不知道你是否想要它。

创建一个名为extra.js的文件将以下代码放入其中：

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();

        var target = this.hash,
        $target = $(target);

        $('html, body').stop().animate({
        'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

在加载extra.js的页面上

所有锚链接都会滚动（锚链接只是一个'id =“一个”'''href =“＃one”'）的链接我想如果你想在用户滚动时滚动它，你可以将它连接到一些javascript。

使用引导程序，使幻灯片向上和向下滚动，而不是向左或向右滚动

1 个答案: